函數(shù)四種調(diào)用模式以及其中的this指向

更新時(shí)間：2017年01月16日 16:18:30 作者：九成

本文主要介紹了函數(shù)四種調(diào)用模式以及其中的this指向的相關(guān)知識(shí)，具有一定的參考價(jià)值，下面跟著小編一起來(lái)看下吧

第一種：函數(shù)直接執(zhí)行模式

function add(a,b){
   console.log(this);
   return a+b;
  }
 add(10,20)//this===window

第二種：對(duì)象方法的調(diào)用模式

var obj={
   name:'aaa',
   age:20,
   said:function(){
    console.log(this);
   }
  }
obj.said();//this===obj，此處this指代被調(diào)用者

第三種：構(gòu)造器的調(diào)用模式

function School(){
   this.said=function(){
    console.log(this);
   }
  }
var nanj=new School();
nanj.said();//對(duì)象調(diào)用自己的方法，this===nanj，類(lèi)似上面

第四種：call和apply調(diào)用模式

function change(a,b){
   this.detial=a*b;
   console.log(this);
  }
  var p={};
  change.call(p,4,5);//此處的this===p
  console.log(p.detial);
  var q=[];
  change.call(q,5,10)//this===q
  console.log(q.detial);
  //apply和call一樣的用法，只不過(guò)apply第二個(gè)參數(shù)用數(shù)組進(jìn)行傳遞
  var arr=[];
  change.apply(arr,[10,10]);//this===arr
  console.log(arr.detial);
  var str={};
  change.apply(str,[20,20]);//this===str
  console.log(str.detial);

以上就是本文的全部?jī)?nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來(lái)一定的幫助，同時(shí)也希望多多支持腳本之家！

您可能感興趣的文章:

相關(guān)文章

JavaScript讓Textarea支持tab按鍵的方法
這篇文章主要介紹了JavaScript讓Textarea支持tab按鍵的方法,涉及javascript針對(duì)textarea實(shí)現(xiàn)響應(yīng)tab按鍵的方法,需要的朋友可以參考下
2015-06-06
JavaScript引擎實(shí)現(xiàn)async/await的方法實(shí)例
大家應(yīng)該都知道隨著Node 7的發(fā)布,越來(lái)越多的人開(kāi)始研究據(jù)說(shuō)是異步編程終級(jí)解決方案的async/await,下面這篇文章主要給大家介紹了關(guān)于JavaScript引擎是如何實(shí)現(xiàn)async/await的相關(guān)資料,需要的朋友可以參考下
2022-03-03
刷新頁(yè)面實(shí)現(xiàn)方式總結(jié)(HTML,ASP,JS)
多種方法實(shí)現(xiàn)頁(yè)面的刷新代碼
2008-11-11
原生js拖拽(第一課未兼容)拖拽思路
第一步點(diǎn)擊需要拖動(dòng)的元素,在點(diǎn)擊下的元素被選中，進(jìn)行move移動(dòng),當(dāng)鼠標(biāo)彈起的時(shí)候，停止動(dòng)作.點(diǎn)擊元素oDIV的時(shí)候，可用的是oDIV區(qū)域，而move和up則是全局區(qū)域
2013-03-03
Bootstrap實(shí)現(xiàn)基于carousel.js框架的輪播圖效果
這篇文章主要為大家詳細(xì)介紹了Bootstrap實(shí)現(xiàn)基于carousel.js框架的輪播圖效果，無(wú)過(guò)渡動(dòng)畫(huà)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2017-05-05
JS和JQuery實(shí)現(xiàn)雪花飄落效果
本文主要給大家講述了如何用JS和JQuery兩種方式實(shí)現(xiàn)雪花飄落的動(dòng)畫(huà)效果，有需要的朋友收藏一下吧。
2017-11-11
分享JS表單驗(yàn)證源碼（帶錯(cuò)誤提示及密碼等級(jí)）
這篇文章主要介紹了JS表單驗(yàn)證源碼（帶錯(cuò)誤提示及密碼等級(jí)）,代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有一定的參考借鑒價(jià)值，需要的朋友可以參考下
2020-01-01
JavaScript中發(fā)布/訂閱模式的簡(jiǎn)單實(shí)例
這篇文章主要介紹了JavaScript中發(fā)布/訂閱模式的簡(jiǎn)單實(shí)例,本文給出了一個(gè)簡(jiǎn)單易懂的實(shí)現(xiàn)代碼,比較容易理解,需要的朋友可以參考下
2014-11-11
只出現(xiàn)一次的提示信息(js+cookies)
只顯示一次的提示信息，刷新一頁(yè)面或第二次來(lái)到這個(gè)頁(yè)面，就不會(huì)再?gòu)棾鎏崾敬翱诹?，用在網(wǎng)頁(yè)上是想當(dāng)實(shí)用的吧，因?yàn)楹芏嗳硕疾幌Ｍ?jīng)常彈出什么窗口，本效果因此會(huì)提升用戶(hù)體驗(yàn)，讓用戶(hù)喜歡你的網(wǎng)頁(yè)
2013-03-03
JavaScript實(shí)現(xiàn)異步提交表單數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)異步提交表單數(shù)據(jù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下
2021-05-05