用這個或var聲明變量？

Question

聲明一個變量與this或var有什麼區別？

var foo = 'bar' 

或

this.foo = 'bar' 

當你用this當var？

編輯：有一個簡單的問題作出決定時，我可以問我自己，如果我想使用var或this

Answer 1

如果它是global code（該代碼不是任何函數的一部分），那麼您將在具有兩個片段的全局對象上創建一個屬性，因爲this在global code指向全局對象。

在這種情況下，不同的是，使用var語句時，該屬性不能被刪除，例如：

var foo = 'bar'; 
delete foo; // false 
typeof foo; // "string" 

this.bar = 'baz'; 
delete bar; // true 
typeof bar; "undefined" 

_{（注：以上片段將表現不同的Firebug控制檯的，因爲它運行與EVAL，並在評估和演示代碼執行上下文中執行的代碼的代碼允許與var創建標識符的刪除，嘗試here）}

如果代碼是你應該知道，this關鍵字無關的功能範圍功能的一部分，是設置隱式，這取決於一個函數是如何被調用的保留字，例如：

- 當一個函數被調用作爲方法（函數調用時作爲對象的成員）：

obj.method(); // 'this' inside method will refer to obj 

- 甲正常的函數調用：

myFunction(); // 'this' inside the function will refer to the Global object 
// or 
(function() {})(); 

- 當新的運算符用於：

var obj = new Constructor(); // 'this' will refer to a newly created object.  

你甚至可以設置this值明確，使用call和apply方法，例如：

function test() { 
    alert(this); 
} 
test.call("hello!"); //alerts hello! 

您還應該知道JavaScript只有函數範圍，並且使用聲明的變量語句只能在相同的函數或下面定義的任何內部函數內訪問。

編輯：尋找你發佈到@David's answer的代碼，讓我評論：

var test1 = 'test'; // two globals, with the difference I talk 
this.test2 = 'test'; // about in the beginning of this answer 

//... 

function test4(){ 
    var test5 = 'test in function with var'; // <-- test5 is locally scoped!!! 
    this.test6 = 'test in function with this'; // global property, see below 
} 

test4(); // <--- test4 will be called with `this` pointing to the global object 
     // see #2 above, a call to an identifier that is not an property of an 
     // object causes it 

alert(typeof test5); // "undefined" since it's a local variable of `test4` 
alert(test6); // "test in function with this" 

您不能訪問功能外test5變量，因爲是局部範圍，且只存在withing的該功能的範圍。

編輯：在回答您的評論

聲明變量我建議你總是使用var，這究竟是什麼做。

this值的概念將在您開始使用constructor functions對象和方法時變得有用。

Answer 2

如果使用var，變量的作用域是當前功能。

如果使用this，那麼你的值上任何this是（其是該方法被稱爲上或（如果new關鍵字已經被使用）被創建的對象的對象的屬性分配。

Answer 3

var foo = 'bar' 

這將範圍foo變量函數包裝，或全局範圍。

this.foo = 'bar' 

這將範圍foo變量的this對象，它完全像這樣：

window.foo = 'bar'; 

或

someObj.foo = 'bar'; 

你問題的第二部分似乎是什麼this對象，並且這是由函數的運行環境決定的。You can change what this is by using the apply method that all functions have。您也可以高於全球對象this變量的缺省的對象之外，通過：

someObj.foo = function(){ 
    // 'this' is 'someObj' 
}; 

或

function someObj(x){ 
    this.x=x; 
} 
someObj.prototype.getX = function(){ 
    return this.x; 
} 
var myX = (new someObj(1)).getX(); // myX == 1 

Answer 4

您使用var當你要定義一個簡單的局部變量，你會在一個典型的功能： -

function doAdd(a, b) 
{ 
    var c = a + b; 
    return c; 
} 

var result = doAdd(a, b); 

alert(result); 

然而this有當call上一本功能使用的特殊含義離子。

function doAdd(a, b) 
{ 
    this.c = a + b; 
} 

var o = new Object(); 
doAdd.call(o, a, b); 
alert(o.c); 

您在使用call上的doAdd是之前創建的對象注意第一個參數。在內部執行doAdd this將引用該對象。因此它會在該對象上創建一個c屬性。

通常雖然功能被分配給這樣的對象的屬性： -

function doAdd(a, b) 
{ 
    this.c = a + b; 
} 

var o = new Object(); 
o.doAdd = doAdd; 

現在函數可以執行使用。註釋： -

o.doAdd(a, b);  
alert(o.c); 

有效o.doAdd(a, b)是o.doAdd.call(o, a, b)

Answer 5

在構造函數中，你可以使用VAR來模擬私有成員，這模擬公共成員：

function Obj() { 
    this.pub = 'public'; 
    var priv = 'private'; 
} 

var o = new Obj(); 
o.pub; // 'public' 
o.priv; // error 

Answer 6

舉例這個和var如下解釋：

function Car() { 
    this.speed = 0; 

    var speedUp = function() { 
     var speed = 10; // default 
     this.speed = this.speed + speed; // see how this and var are used 
    }; 

    speedUp(); 
} 

Answer 7

var foo = 'bar'; // 'var can be only used inside a function 

和

this.foo = 'bar' // 'this' can be used globally inside an object