函數的上下文是可以變化的，因此，函數內的this也是可以變化的，函數可以作為一個對象的方法，也可以同時作為另一個對象的方法，總之，函數本身是獨立的。可以通過Function對象上的call或者apply函數來修改函數的上下文：

//定義一個全局的函數對象 function printName(){return this.name; } //設置printName的上下文為jack, 此時的this為jack print(printName.call(jack)); //設置printName的上下文為abruzzi,此時的this為abruzzi print(printName.call(abruzzi));print(printName.apply(jack)); print(printName.apply(abruzzi));//只有一個參數的時候call和apply的使用方式是一樣的，如果有多個參數： setName.apply(jack, ["Jack Sept."]); print(printName.apply(jack));setName.call(abruzzi, "John Abruzzi"); print(printName.call(abruzzi));

?

?上下文的引用

在前端JavaScript開發中，一個常見的錯誤是錯將this類比為其他的外部局部變量：

$(function(){var con = $("div#panel");this.id = "content";con.click(function(){alert(this.id);//panel }); });

此處的alert(this.id)到底引用著什么值呢？很多開發者可能會根據閉包的概念，做出錯誤的判斷：
content
理由是，this.id顯示的被賦值為content,而在click回調中，形成的閉包會引用到this.id，因此返回值為content。然而事實上，這個alert會彈出”panel”，究其原因，就是此處的this,雖然閉包可以引用局部變量，但是涉及到this的時候，情況就有些微妙了，因為調用對象的存在，使得當閉包被調用時(當這個panel的click事件發生時)，此處的this引用的是con這個jQuery對象。而匿名函數中的this.id = “content”是對匿名函數本身做的操作。兩個this引用的并非同一個對象。
如果想要在事件處理函數中訪問這個值，我們必須做一些改變：

$(function(){var con = $("div#panel");this.id = "content";var self = this;con.click(function(){alert(self.id);//content }); });

這樣，我們在事件處理函數中保存的是外部的一個局部變量self的引用，而并非this，這種技巧在實際應用中多有應用。

轉載于:https://www.cnblogs.com/kuangliu/p/3923707.html

總結

以上是生活随笔為你收集整理的S1：函数上下文的全部內容，希望文章能夠幫你解決所遇到的問題。

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