this屬性表示當前對象，如果在全局作用范圍內使用this，則指代當前頁面對象window；

如果在函數中使用this，則this指代什么是根據運行時此函數在什么對象上被調用。

我們還可以使用apply和call兩個全局方法來改變函數中this的具體指向。

先看一個在全局作用范圍內使用this的例子：

1 < script type="text/javascript"> 2 console.log(this === window); // true 3 console.log(window.alert === this.alert); // true 4 console.log(this.parseInt("021", 10)); // 10 5 < /script>

?

函數中的this屬性是在運行時決定的，而不是函數定義時，如下：

1 // 定義一個全局函數 2 function foo() { 3 console.log(this.fruit); 4 } 5 6 // 定義一個全局變量，等價于window.fruit = "apple"; 7 var fruit = "apple"; 8 9 // 此時函數foo中this指向window對象 10 // 這種調用方式和window.foo();是完全等價的 11 foo(); // "apple" 12 13 // 自定義一個對象，并將此對象的屬性foo指向全局函數foo 14 var pack = { 15 fruit: "orange", 16 foo: foo 17 }; 18 19 // 此時函數foo中this指向pack對象 20 pack.foo(); // "orange"

?

全局函數apply和call可以用來改變函數中this屬性的指向，如下：

1 // 定義一個全局函數 2 function foo() { 3 console.log(this.fruit); 4 } 5 6 // 定義一個全局變量 7 var fruit = "apple"; 8 9 // 自定義一個對象 10 var pack = { 11 fruit: "orange" 12 }; 13 14 // 等價于window.foo(); 15 foo.apply(window); // "apple" 16 17 // 此時foo中的this === pack 18 foo.apply(pack); // "orange"

?

注：apply和call兩個函數的作用相同，唯一的區別是兩個函數的參數定義不同。

因為在JavaScript中函數也是對象，所以我們可以看到如下有趣的例子：

1 // 定義一個全局函數 2 function foo() { 3 if (this === window) { 4 console.log("this is window."); 5 } 6 } 7 8 // 函數foo也是對象，所以可以定義foo的屬性boo為一個函數 9 foo.boo = function() { 10 if (this === foo) { 11 console.log("this is foo."); 12 } else if (this === window) { 13 console.log("this is window."); 14 } 15 }; 16 17 // 等價于window.foo(); 18 foo(); // this is window. 19 20 // 可以看到函數中this的指向調用函數的對象 21 foo.boo(); // this is foo. 22 23 // 使用apply改變函數中this的指向 24 foo.boo.apply(window); // this is window.（使用apply）

?

轉載于:https://www.cnblogs.com/ttcc/p/3748801.html

總結

以上是生活随笔為你收集整理的JavaScript对象中的this属性的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。