React のクラスコンポーネントの bind は何を解決しているのか

クラスコンポーネントでイベントハンドラを設定する際に必要になる、constructorメソッドでのバインド。そもそもこれはなぜ必要なのか。どのような動作をすることで、どのような問題を解決しているのか。 Hooks が登場したことで今後はクラスコンポーネント…

2017-02-19

JavaScriptのショートサーキット評価

JavaScript JavaScriptの言語仕様(ES5)

ほとんどのプログラミング言語には、ANDやORを表す論理演算子が用意されている。そして、左辺を評価した時点で論理式の結果が確定した場合には右辺の評価を行わないことを、ショートサーキット評価（短絡評価）という。例えば、A AND Bという論理式があっ…

2016-09-01

ES2015の関数（アロー関数、this、残余引数など）

ES2015(ES6) JavaScriptの言語仕様(ES5)

ES2015で加わった、関数に関する仕様について。引数のデフォルト値関数の定義時に、引数のデフォルト値を指定できるようになった。関数を呼び出す際に引数が渡された場合はそれを、渡されなかった場合はデフォルト値を、使用する。 function addFunc(x = …

2016-07-02

スコープとクロージャ

JavaScriptの言語仕様(ES5)

2016.8.27追記 ES2015で登場したletとconstはブロックスコープを持つので、そちらも参照されたい。 var,let,constの違いは、ブロックスコープと巻き上げグローバルスコープとローカルスコープスコープとは、変数を参照できる範囲のこと。スコープ外の変数…

2016-07-01

関数のTips

JavaScriptの言語仕様(ES5)

関数の定義方法 JavaScriptで関数を定義する方法は、関数宣言と関数式の2つ。本当はもう一つあるが、それは非推奨のものなので、ここでは省略する。 // 関数宣言 function myFunc1(){}; // 関数式 var myFunc2 = function(){}; どちらでも同じように関数が…

2016-06-29

プライベート変数

JavaScriptの言語仕様(ES5)

通常、オブジェクトのプロパティには、どこからでもアクセスできる。このままだと、状態管理が大変になってしまう。管理が煩雑になるし、予期していない箇所で値が書き換えられる恐れがあり、バグの温床にもなる。特定の方法でのみアクセスできる変数を作…

2016-06-26

JavaScriptにおける、継承の方法

JavaScriptの言語仕様(ES5)

以下、継承を実装していくにあたり、この記事では、次の2つのコンストラクタを用意する。まず、Personコンストラクタ。プロパティは、nameとageを持つ。そしてプロトタイプに、sayName()とsayMyself()という、2つのメソッドを持つ。そして、Personコンスト…

2016-06-24

instanceof演算子について

JavaScriptの言語仕様(ES5)

instanceof演算子を使うことで、あるオブジェクトが、対象となるオブジェクトのインスタンスかどうかを調べることが出来る。 function Person(){}; var person1 = new Person(); console.log(person1 instanceof Person); //true 上記の例では、person1は、P…

2016-06-24

constructorプロパティについて

JavaScriptの言語仕様(ES5)

JavaScriptの関数は原則的に、生成された瞬間にprototypeプロパティを持つ。その中身はオブジェクトであり、constructorプロパティのみを持つ。このプロパティは、関数自身を参照している。 function myFunc(){}; console.log(Object.getOwnPropertyNames(m…

2016-06-22

Object.creat()とプロトタイプチェーン

JavaScriptの言語仕様(ES5)

Object.creat()を使うと、[[Prototype]]を指定した上で、オブジェクトを生成できる。リテラルで生成したオブジェクトの[[Prototype]]はObject.prototypeになるが、Object.creat()を使えば、任意のオブジェクトを[[Prototype]]に設定できる。 Object.creat()…