JavaScript

【jQuery の ready(), load() が実行されずにハマった話】<script> に defer を指定した際、インラインのscriptはHTMLパース中に実行される

下記のうち、1, 2, 3 が実行されない原因がわからずハマりました。 <html> <head> <script src="jQuery本体をロードするjsファイル" defer></script> </head> <body> 〜 略 〜 <script> // jQuery の ready() jQuery(document).ready(function(){ //Uncaught ReferenceError: jQuery is not defined console.info('== 1 ==') }); </script> <script> // jQuery の load()…</body></html>

lodash の get メソッドを利用して `Cannot read property 'xxx' of undefined.` の発生を防ぐ

困っていた事 ネストの深いオブジェクトのプロパティにアクセスする際に、場合によってCannot read property 'xxx' of undefined. が発生してしまう 目的のプロパティへのパスの途中で undefined になる場合に発生 解決方法 lodash の get メソッドを利用す…

Immutable.js 3.8 と 4.0 で Record オブジェクト で map()メソッド を使う方法が異なる

Immutable.js immutable を JavaScript で実現してくれる 不変性(= immutable = 元となっているオブジェクトに変更を加えない、加えられない状態)を保ってくれるクラスの集まり immutable.js の Record オブジェクト 限定されたプロパティのみを持つ Map(=連…

JavaScript(ES2015) の export 方法は「名前付きエクスポート」 と 「デフォルトエクスポート」 の 2 種類あり、import する際の名前の付け方が異なる

環境 ES2015 typescript 2.9.2 react-native 0.57.8 JavaScript のモジュール機能(import/export)についてメモ 調べたきっかけ サードパーティー製の ReactNative のライブラリを利用した際 デフォルトエクスポート(export default)されたメンバを import {…