JavaScript

スポンサーリンク
JavaScript

【JavaScript】console.log(e)でcurrentTargetがNULLになる?

概要 JavaScriptのイベントハンドラにて、console.log(e);とするとイベントオブジェクトの中身が表示されるが、それはconsole.log(e)を実行した時の中身ではなく、コンソールで確認した時点(▶︎をクリックしてオブジェクトを展開したとき)の中身が表示される。currentTargetは処理が終わるとNULLに書き換わってしまうので、console.log(e);を実行した...
JavaScript

JavaScript(ES2015, ES6)でのループ処理の書き方 – for…of, forEachの使い分け

概要 JavaScript(ES2015, ES6)で配列やオブジェクト(連想配列)をループさせるとき、for…ofとforEachのどちらを使うべきかをまとめました。 ループ処理ごとの特徴など for…ofはIE11非対応for…ofはArrayやNodeListなどiterableなオブジェクトで使うことができる。ただし、{}で定義したオブジェクト(連想配列)では使うことができないない。ite...
JavaScript

JavaScriptにおける文字列’0’の扱い

文字列の'0'は条件式ではtrueになるので注意 RubyやPHPでは'0'はtrueとして扱われるが、JavaScriptではfalse扱いとなる。 if ('0') { console.log('true'); // trueが出力される } if (0) { console.log('true'); // trueは出力されない } 暗黙の型変換 等価演算子(==)で異なるデータ型を比較した...
スポンサーリンク
JavaScript(書評)

「JavaScriptの理解を深めた人がさらにもう一歩先に進むための本」の感想・備忘録2

posted with ヨメレバAmazonで見るKindleで見る 「JavaScriptの理解を深めた人がさらにもう一歩先に進むための本」の感想・忘備録1の続き 関数の巻き上げ JavaScriptでは、関数定義の方法として関数宣言と関数式の2種類が用意されている。大きな違いとして、関数宣言で定義された関数はコード実行時にスコープの先頭まで巻き上げられる。以下の例は一見エラーになりそうだが、関...
JavaScript(書評)

「JavaScriptの理解を深めた人がさらにもう一歩先に進むための本」の感想・備忘録1

posted with ヨメレバAmazonで見るKindleで見る kindle本「JavaScriptの理解を深めた人がさらにもう一歩先に進むための本」のまとめ。 点数 85点 感想 前作の「何となくJavaScriptを書いていた人が一歩先に進むための本」に引き続き良書だった。「thisの振る舞いが関数とメソッドで異なる」は勉強になった。 Object.assign()は使えそう。「イテレー...
JavaScript(書評)

「何となくJavaScriptを書いていた人が一歩先に進むための本」の感想・備忘録2

posted with ヨメレバAmazonで見るKindleで見る 「何となくJavaScriptを書いていた人が一歩先に進むための本」の感想・忘備録1の続き スコープチェーン スコープチェーンとは「どんな順序で変数やプロパティを参照するかのルール」のこと。JavaScriptでは関数を呼び出す度に内部に、ローカル変数を管理するCallオブジェクトというものが生成される。スコープチェーンは、Gl...
JavaScript(書評)

「何となくJavaScriptを書いていた人が一歩先に進むための本」の感想・備忘録1

posted with ヨメレバAmazonで見るKindleで見る kindle本「何となくJavaScriptを書いていた人が一歩先に進むための本」のまとめ。 点数 86点 感想 「脱初心者のJavaScript力を底上げするための本」よりも基礎的な内容だったが、こちらも勉強になった。 「new演算子」「prototype」はとても勉強になった。 「ES2015はまだ普及していない」と切り捨て...
JavaScript

JavaScriptで@(アットマーク)キーが押されたら処理を実行させる

OSによるキーコードの違い keydownイベントのイベントハンドラ内でkeyCodeの値を取得し、どのキーが押されたかを判定するが、アットマーク(@)はWindowsとMacでキーコードが異なるので注意が必要。 Windows:192Mac:219 サンプル // 「Ctrl/command + @」が押されたら処理を実行する document.addEventListener('keydown...
JavaScript(書評)

「脱初心者のJavaScript力を底上げするための本」の感想・備忘録2

posted with ヨメレバAmazonで見るKindleで見る 「脱初心者のJavaScript力を底上げするための本」の感想・忘備録1の続き strictモード ファイルや関数の先頭に'use strict';と書くと、Strictモードとなる。(宣言されていない変数への代入 、引数名やプロパティ名の重複、などがエラーとなる)基本的には積極的に利用するべきだが、利用しているライブラリなどが...
JavaScript(書評)

「脱初心者のJavaScript力を底上げするための本」の感想・備忘録1

posted with ヨメレバAmazonで見るKindleで見る kindle本「脱初心者のJavaScript力を底上げするための本」のまとめ。 点数 87点 感想 内容がわかりやすく、とてもいい本だった。「巻き上げ」「thisの束縛」のことはちゃんと理解できていなかったので勉強になった。 主な内容 無名関数 JavaScriptでは無名関数がよく使われる。 コールバックのような複数回呼び出...
スポンサーリンク