JS匿名函數內部this指向問題詳析
更新時間：2019年05月10日 11:15:04 作者：ipromise
這篇文章主要給大家介紹了關于JS匿名函數內部this指向的相關資料，文中通過示例代碼介紹的非常詳細，對大家學習或者使用JS具有一定的參考學習價值，需要的朋友們下面來一起學習學習吧
前言
網上看到一句話，匿名函數的執(zhí)行是具有全局性的，那怎么具有的全局性呢？
this的指向在函數定義的時候是確定不了的，只有函數執(zhí)行的時候才能確定this到底指向誰，實際上this的最終指向的是那個調用它的對象
1.案例中，第一個say打出來的是Alan，而第二個則是window
var name = 'window'
var person = {
name :'Alan',
sayOne:function () {
console.log(this.name)
},
sayTwo:function () {
return function () {
console.log(this.name)
}
}
}
person.sayOne()//Alan
person.sayTwo()() // window
2.原因
- 函數內部的this指向調用者
- sayOne調用者是person對象，所以this指向person；
- sayTwo的調用者雖然也是person對象，但是區(qū)別在于這次調用并沒有打出this而是在全局返回了一個匿名函數
- 而這個匿名函數不是作為某個對象的方法來調用執(zhí)行，是在全局執(zhí)行
3.我們也可以更改this指向，這里應用JS高級編程的案例
var name = "global";
var foo = {
name: "foo",
getName : function(){
console.log(this.name);
}
}
var bar = {
name: "bar",
getName : function(){
return (function(){
console.log(this.name);
})();
}
}
foo.getName(); //foo
foo.getName.call(bar); //bar
foo.getName.call(this); //global
foo.getName.call(window); //global
(function(){
console.log(this.name)
}.bind(bar))(); //bar
(function(){
console.log(this.name)
}.bind())(); //global
總結
以上就是這篇文章的全部內容了，希望本文的內容對大家的學習或者工作具有一定的參考學習價值，謝謝大家對腳本之家的支持。
相關文章
這篇文章主要介紹了javascript編程實現棧的方法,簡單說明了棧的概念、特點并結合實例形式分析了javascript棧的定義、入棧、出棧等操作相關實現技巧,需要的朋友可以參考下2017-04-04
如何讓一個層關閉之后，就算刷新頁面了也不顯示。除非關閉頁面再次打開
這個功能，一般可用于廣告的顯示，當關閉后，就不顯示，除非重新關閉打開，增加用戶體驗2008-09-09
這篇文章主要介紹了微信小程序使用wxParse解析html的方法,結合實例形式詳細分析了wxParse的下載、導入及具體使用技巧,需要的朋友可以參考下2019-01-01
基于casperjs和resemble.js實現一個像素對比服務詳解
這篇文章主要給大家介紹了關于基于casperjs和resemble.js實現一個像素對比服務的相關資料，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧。2018-01-01
這篇文章主要介紹了JavaScript常用8種數組去重代碼實例,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-09-09
函數重載簡單點說就是,同一個函數的不同實現方式,根據傳入的參數的類型或者長度,決定最終調用哪一個實現,本文給大家介紹了Typescript 實現函數重載的方式,需要的朋友可以參考下2024-05-05
本文主要介紹了使用webpack打包ts代碼的實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-06-06
這篇文章主要介紹了JS面試題大坑之隱式類型轉換實例代碼,非常不錯，具有一定的參考借鑒價值，需要的朋友可以參考下2018-10-10
js,jQuery 排序的實現代碼,網頁標簽排序的實現,標簽排序
js,jQuery 排序的實現,網頁標簽排序的實現,標簽排序，需要的朋友可以參考下。2011-04-04
這篇文章主要介紹了JavaScript模板引擎用法,涉及javascript實現模板的定義與字符替換的相關技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07