this方法怎么在javascript中使用

本篇文章為大家展示了this方法怎么在javascript中使用，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

javascript的this使用方法：

1) 函數(shù)有所屬對象時：指向所屬對象

函數(shù)有所屬對象時，通常通過 . 表達式調(diào)用，這時 this 自然指向所屬對象。比如下面的例子：

var myObject = {value: 100};
myObject.getValue = function () {
 console.log(this.value); // 輸出 100
 
 // 輸出 { value: 100, getValue: [Function] }，
 // 其實就是 myObject 對象本身
 console.log(this);
 
 return this.value;
};
 
console.log(myObject.getValue()); // => 100

getValue() 屬于對象 myObject，并由 myOjbect 進行 . 調(diào)用，因此 this 指向?qū)ο?myObject。

2) 函數(shù)沒有所屬對象：指向全局對象

var myObject = {value: 100};
myObject.getValue = function () {
 var foo = function () {
  console.log(this.value) // => undefined
  console.log(this);// 輸出全局對象 global
 };
 
 foo();
 
 return this.value;
};
 
console.log(myObject.getValue()); // => 100

在上述代碼塊中，foo 函數(shù)雖然定義在 getValue 的函數(shù)體內(nèi)，但實際上它既不屬于 getValue 也不屬于 myObject。foo 并沒有被綁定在任何對象上，所以當調(diào)用時，它的 this 指針指向了全局對象 global。

據(jù)說這是個設計錯誤。

3) 構(gòu)造器中的 this：指向新對象

js 中，我們通過 new 關(guān)鍵詞來調(diào)用構(gòu)造函數(shù)，此時 this 會綁定在該新對象上。

var SomeClass = function(){
 this.value = 100;
}
 
var myCreate = new SomeClass();
 
console.log(myCreate.value); // 輸出100

順便說一句，在 js 中，構(gòu)造函數(shù)、普通函數(shù)、對象方法、閉包，這四者沒有明確界線。界線都在人的心中。

4) apply 和 call 調(diào)用以及 bind 綁定：指向綁定的對象

apply() 方法接受兩個參數(shù)第一個是函數(shù)運行的作用域，另外一個是一個參數(shù)數(shù)組(arguments)。

call() 方法第一個參數(shù)的意義與 apply() 方法相同，只是其他的參數(shù)需要一個個列舉出來。

簡單來說，call 的方式更接近我們平時調(diào)用函數(shù)，而 apply 需要我們傳遞 Array 形式的數(shù)組給它。它們是可以互相轉(zhuǎn)換的。

var myObject = {value: 100};
 
var foo = function(){
 console.log(this);
};
 
foo(); // 全局變量 global
foo.apply(myObject); // { value: 100 }
foo.call(myObject); // { value: 100 }
 
var newFoo = foo.bind(myObject);
newFoo(); // { value: 100 }

上述內(nèi)容就是this方法怎么在javascript中使用，你們學到知識或技能了嗎？如果還想學到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。