函數(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，類似上面
第四種：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針對(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
第一步點(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)雪花飄落的動(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
只顯示一次的提示信息，刷新一頁(yè)面或第二次來(lái)到這個(gè)頁(yè)面，就不會(huì)再?gòu)棾鎏崾敬翱诹?，用在網(wǎng)頁(yè)上是想當(dāng)實(shí)用的吧，因?yàn)楹芏嗳硕疾幌Ｍ?jīng)常彈出什么窗口，本效果因此會(huì)提升用戶體驗(yàn)，讓用戶喜歡你的網(wǎng)頁(yè)2013-03-03
JavaScript實(shí)現(xiàn)異步提交表單數(shù)據(jù)
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)異步提交表單數(shù)據(jù)，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2021-05-05