通過一段代碼簡單說js中的this的使用
更新時間：2013年07月23日 17:21:41 作者：
本文通過一段代碼與大家簡單說說js中this的使用及相關問題，感興趣的朋友可以參考下哈，希望對大家有所幫助
今天有朋友說遇到如下代碼，讓我?guī)徒忉屧?
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
}
};
alert(object.getNameFunc()());原因是js的this是動態(tài)決定的，和你調用方式有直接關系。
簡單說如果你調用一個函數的時候使用“對象.函數名”的方式，那么this就是這個.(點)之前的對象，否則是window。
比如你在調用object.getNameFunc()的時候getNameFunc函數體中的this是剛聲明的object。如果你寫成
var func = object.getNameFunc;
func();
這時候getNameFunc函數體中的this是window，雖然是同一函數調用方式的不同決定了this的不同。
同樣的道理，object.getNameFunc()返回的是一個函數引用，加一個括號就是讓函數執(zhí)行。其實相當于如下代碼
var func = object.getNameFunc();
alert( func() );
函數前沒有“對象.”這種形式，所以執(zhí)行函數時候this是window，結果就很明顯了。
以后我會寫一篇關于js this的文章，歡迎大家關注我的CSDN博客tt361。
復制代碼 代碼如下:
var name = "The Window";
var object = {
name : "My Object",
getNameFunc : function(){
return function(){
return this.name;
};
}
};
alert(object.getNameFunc()());原因是js的this是動態(tài)決定的，和你調用方式有直接關系。
簡單說如果你調用一個函數的時候使用“對象.函數名”的方式，那么this就是這個.(點)之前的對象，否則是window。
比如你在調用object.getNameFunc()的時候getNameFunc函數體中的this是剛聲明的object。如果你寫成
復制代碼 代碼如下:
var func = object.getNameFunc;
func();
這時候getNameFunc函數體中的this是window，雖然是同一函數調用方式的不同決定了this的不同。
同樣的道理，object.getNameFunc()返回的是一個函數引用，加一個括號就是讓函數執(zhí)行。其實相當于如下代碼
復制代碼 代碼如下:
var func = object.getNameFunc();
alert( func() );
函數前沒有“對象.”這種形式，所以執(zhí)行函數時候this是window，結果就很明顯了。
以后我會寫一篇關于js this的文章，歡迎大家關注我的CSDN博客tt361。
相關文章
這篇文章主要為大家詳細介紹了JavaScript實現簡單計算器小功能，只學書上的理論是遠遠不夠的，只有在實戰(zhàn)中才能獲得能力的提升，大家可以在本篇實例中查缺補漏，提升水平2021-11-11
javascript學習筆記之js對象 設計模式介紹，需要的朋友可以參考下2012-06-06
Array是JavaScript中常用的類型，并且JavaScript中的數組和其他語言的數組有比較大的區(qū)別。JavaScript中數組中存放的數據類型不一定相同，而且數組的長度也是可改變的。2015-01-01
所謂"異步"，簡單說就是一個任務分成兩段，先執(zhí)行第一段，然后轉而執(zhí)行其他任務，等做好了準備，再回過頭執(zhí)行第二段。比如，有一個任務是讀取文件進行處理，下面小編來和大家一起學習一下2019-05-05
本篇文章主要介紹了js的閉包，閉包算是js里面比較不容易理解的點，現在整理出來分享給大家，有需要的可以了解一下。2016-11-11
我們在看編寫的JS ES6代碼時經常會看到許多簡寫的語法,本篇文章就為大家一一介紹JavaScript ES6可以簡寫的語法2018-12-12
javascript 觸發(fā)事件列表，整理的一些js的事件，一般常用的就是onclick,onmouseover等。大家可以了解下，方便以后應用。2009-09-09
這篇文章主要介紹了JavaScript函數表達式詳解及實例的相關資料,需要的朋友可以參考下2017-05-05
javascript編程起步（第五課）...2007-02-02
JavaScript 入門·JavaScript 具有全范圍的運算符
JavaScript 入門·JavaScript 具有全范圍的運算符...2007-10-10