Javascriptの関数でvarとthisの違いは？

Question

var tools = {}; 

tools.triangle = function() { 
    var originX = 0; 
    var originY = 0; 
} 

 

var tools = {}; 

tools.triangle = function() { 
    this.originX = 0; 
    this.originY = 0; 
} 

これら2つのコードブロック間の違いはありますか？申し訳ありませんがこれまでに尋ねられている場合。

Answer 1

varは、tools.triangleにローカル変数を作成します。変数originXとoriginYは、tools.triangleの外部と対話できません。 thisは、あなたが扱っている現在のオブジェクトへのポインタです。 2番目の例は、new tools.triangle();を実行してオブジェクトにプロパティを与えるために使用できます。 newを使用せず、tools.triangle();を使用する場合、thisは、グローバルオブジェクト（windowオブジェクト）を指します。あなたはこのような関数法call();とapply();を使用してthisポイントするオブジェクトを変更することができます。

var myObj = {}; 

tools.triangle.call(myObj); 

// "this" in tools.triangle now points to myObj 
// myObj now has the properties originX and originY 

thisは、任意のオブジェクトを参照することができるだけでなく、ES5 strictモードで未定義またはnullすることを知っておくことが重要です。

詳細はhereです。

Answer 2

最初の例では、XとYの両方が、変数triangleに保存されたクロージャのローカル変数として存在します。

第2の例では、XとYは、thisを使用しているため、オブジェクトtools.triangleの変数として存在します。