JavaScriptのbind(this)とself=thisはどちらを使うべきか
JavaScriptにおけるthisとは？ JavaScriptでは、thisという特殊なオブジェクトがあります。例を挙げてみましょう。 function Person(name, age) { this.name = name; this.age = age; } Person.prototype.say = function(){ console.log("My name is " + this.name + ". I am " + this.age + " years old."); }; var person = new Person("Alice", 20); person.say(); // -> My name is Alice. I am 20 years old. この例で、personオブジェクトに格納されたnameとageは、thisを用いることによってアクセスできま
React Componentでthisがundefinedになる問題の解決策 - 株式会社クラフトマンソフトウェア
最近、ShouldBeeのUIをReact.jsで作り始めています。 Babelを使ってES6のclass構文でReactのComponentを作っているのですが、どうもコールバックのメソッドでthisがundefinedになってしまいます。 例えば、下のJSはボタンのコンポーネントで、クリックしたときに、onClickメソッドが呼ばれます。onClickメソッドの中で、thisを参照していますが、undefinedになります。 import React from "react"; export default class Button extends React.Component { onClick() { console.log(this); // undefined } render() { return ( <button onClick={this.onClick}>Butto
TypeScriptを試してみた 3 - もやもやエンジニア
前回に引き続きTypeScriptの話 １回目 http://rei19.hatenablog.com/entry/2013/07/14/183311 ２回目 http://rei19.hatenablog.com/entry/2013/07/23/023008 今回は関数についてです。 関数定義の基本 変数に型を付けられるようになったことで、関数の引数と返り値の型定義も出来るようになりました。 TypeScript function funcTest(arg1 : string, arg2? : number) : boolean{ console.log(typeof arg1 + ' : ' + arg1); console.log(typeof arg2 + ' : ' + arg2); console.log(typeof this); return true; } // ①引数
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Reactをes6で使う場合のbindの問題 - Qiita
