麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > JavaScript > 正文

JavaScript中this的使用詳解

2019-11-20 21:45:34
字體:
來源:轉載
供稿:網友
我們要記住一句話:this永遠指向函數運行時所在的對象!而不是函數被創建時所在的對象。切記…
本文將分三種情況來分析this對象到底身處何方。
普通函數中的this
無論this身處何處,第一要務就是要找到函數運行時的位置。
復制代碼 代碼如下:

1 var name="全局";
2 function getName(){
3     var name="局部";
4     return this.name;
5 };
6 alert(getName());

當this出現在全局環境的函數getName中時,此時函數getName運行時的位置在
復制代碼 代碼如下:

alert(getName());

顯然,函數getName所在的對象是全局對象,即window,因此this的安身之處定然在window。此時的this指向window對象,則getName返回的this.name其實是window.name,因此alert出來的是“全局”!
那么,當this不是出現在全局環境的函數中,而是出現在局部環境的函數中時,又會身陷何方呢?
復制代碼 代碼如下:

1 var name="全局";
2 var twobin={
3     name:"局部",
4     getName:function(){
5         return this.name;
6     }
7 };
8 alert(twobin.getName());

其中this身處的函數getName不是在全局環境中,而是處在twobin環境中。無論this身處何處,一定要找到函數運行時的位置。此時函數getName運行時的位置
復制代碼 代碼如下:

alert(twobin.getName());

顯然,函數getName所在的對象是twobin,因此this的安身之處定然在twobin,即指向twobin對象,則getName返回的this.name其實是twobin.name,因此alert出來的是“局部”!
閉包中的this
閉包也是個不安分子,本文暫且不對其過于贅述,簡而言之:所謂閉包就是在一個函數內部創建另一個函數,且內部函數訪問了外部的變量。
浪子this與痞子閉包混在一起,可見將永無寧日啊!
復制代碼 代碼如下:

 1 var name="全局";
 2 var twobin={
 3     name:"局部",
 4     getName:function(){
 5         return function(){
 6             return this.name;
 7         };
 8     }
 9 };
10 alert(twobin.getName()());

此時的this明顯身處困境,竟然處在getName函數中的匿名函數里面,而該匿名函數又調用了變量name,因此構成了閉包,即this身處閉包中。
無論this身處何處,一定要找到函數運行時的位置。此時不能根據函數getName運行時的位置來判斷,而是根據匿名函數的運行時位置來判斷。
復制代碼 代碼如下:

function (){
    return this.name;
};

顯然,匿名函數所在的對象是window,因此this的安身之處定然在window,則匿名函數返回的this.name其實是window.name,因此alert出來的就是“全局”!
那么,如何在閉包中使得this身處在twobin中呢?
復制代碼 代碼如下:

  var name="全局";
  var twobin={
      name:"局部",
      getName:function(){
          var that=this;
          return function(){
              return that.name;
          };
      }
 };
 alert(twobin.getName()());

在getName函數中定義that=this,此時getName函數運行時位置在
alert(twobin.getName());
則this指向twobin對象,因此that也指向twobin對象。在閉包的匿名函數中返回that.name,則此時返回的that.name其實是twobin.name,因此就可以alert出來 “局部”!
call與apply中的this
在JavaScript中能管的住this的估計也就非call與apply莫屬了。
call與apply就像this的父母一般,讓this住哪它就得住哪,不得不聽話!
復制代碼 代碼如下:

 var name="全局";
 var twobin={
name:"局部",
};
function getName(){
    alert(this.name);
}
getName(twobin);
getName.call(twobin);

其中this身處函數getName中。無論this身處何處,一定要找到函數運行時的位置。此時函數getName運行時的位置
getName(twobin);
顯然,函數getName所在的對象是window,因此this的安身之處定然在window,即指向window對象,則getName返回的this.name其實是window.name,因此alert出來的是“全局”!
那么,該call與apply登場了,因為this必須聽他們的指揮!
getName.call(twobin);
其中,call指定this的安身之處就是在twobin對象,因為this被迫只能在twobin那安家,則此時this指向twobin對象, this.name其實是twobin.name,因此alert出來的是“局部”!
一點總結
浪子this:永遠指向函數運行時所在的對象,而不是函數被創建時所在的對象;如果處在匿名函數中或不處于任何對象中,則this指向window對象;如果是call或apply,它指定哪個對象,則this就指向哪個對象!
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 国产成视频在线观看 | 免费黄网站在线播放 | 四虎久草| 久久久久久久国产视频 | 精品影视一区二区 | 成人视屏在线观看 | 黄色大片在线观看 | 黄色av一区二区三区 | 成人一区久久 | av在线播放免费观看 | 欧美一级在线免费 | 成人免费看视频 | 免费网址黄 | 精品国产乱码久久久久久丨区2区 | av在线播放电影 | videos高潮 | 国产精品久久久久久久久久久久久久久 | 在线成人免费网站 | 久热久操 | 成人免费一区二区三区在线观看 | 日韩高清电影 | 久久久久久亚洲国产精品 | 天天夜夜草 | 粉嫩av一区二区三区四区在线观看 | 欧美一级三级在线观看 | 午夜视频亚洲 | 精品99在线视频 | 蜜桃一本色道久久综合亚洲精品冫 | 国产毛片aaa一区二区三区视频 | 新久草在线视频 | 久久久www视频 | 日本网站一区 | 19禁国产精品福利视频 | 日本欧美一区二区三区在线观看 | 成年性羞羞视频免费观看无限 | 欧美a区| 国产免费观看a大片的网站 欧美成人一级 | 亚欧美一区二区 | 91羞羞| 免看黄大片aa | 爱视频福利|