欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JavaScript中的this機制

 更新時間：2016年01月30日 16:57:17   投稿：hebedich  
簡言之，this是JavaScript語言中定義的眾多關鍵字之一，它的特殊在于它自動定義于每一個函數(shù)域內(nèi)，但是this倒地指引啥東西卻讓很多人張二摸不著頭腦。希望看完這篇文章了你能回答出來this到底指引個甚。

JavaScript有自己的一套this機制，在不同情況下，this的指向也不盡相同。

全局范圍

console.log(this); //全局變量

全局范圍使用this指向的是全局變量，瀏覽器環(huán)境下就是window。

注：ECMAScript5的strict模式不存在全局變量，這里的this是undefined。

函數(shù)調(diào)用中

function foo() {
  console.log(this);
}

foo(); //全局變量

函數(shù)調(diào)用中的this也指向全局變量。

注：ECMAScript5的strict模式不存在全局變量，這里的this是undefined。

對象方法調(diào)用

var test = {
  foo: function () {
    console.log(this);
  }
}

test.foo(); //test對象

對象方法調(diào)用中，this指向調(diào)用者。

var test = {
  foo: function () {
    console.log(this);
  }
}

var test2 = test.foo;
test2(); //全局變量

不過由于this的晚綁定特性，在上例的情況中this將指向全局變量，相當于直接調(diào)用函數(shù)。

這點非常重要，同樣的代碼段，只有在運行時才能確定this指向

構(gòu)造函數(shù)

function Foo() {
  console.log(this);
}

new Foo(); //新創(chuàng)建的對象
console.log(foo);

在構(gòu)造函數(shù)內(nèi)部，this指向新創(chuàng)建的對象。

顯式設置this

function foo(a, b) {
  console.log(this);
}

var bar = {};

foo.apply(bar, [1, 2]); //bar
foo.call(1, 2); //Number對象

使用Function.prototype的call或者apply方法是，函數(shù)內(nèi)部this會被設置為傳入的第一個參數(shù)。

相關文章

最新評論