javascript中bind瓦堵、call基协、apply等函數(shù)的用法

前言

ECMAScript 規(guī)范給所有函數(shù)都定義了 call 與 apply 兩個(gè)方法,它們的應(yīng)用非常廣泛菇用,它們的作用也是一模一樣澜驮,只是傳參的形式有區(qū)別而已。

call()

call(),為改變某個(gè)函數(shù)運(yùn)行時(shí)的上下文(context)而存在的惋鸥,換句話說(shuō)杂穷,是為了改變函數(shù)內(nèi)部的this指向。
call 方法第一個(gè)參數(shù)作為函數(shù)上下文的對(duì)象卦绣,但是后面?zhèn)魅氲氖且粋€(gè)參數(shù)列表耐量,而不是數(shù)組。

// demo1
var sayKlay = {
    name :"Klay",
    say : function(){
        console.log(this.name);
    }
}
var sayClam = {
    name : 'Clam' 
}
/* 
sayClam沒有say方法滤港,但是sayKlay()有廊蜒,
所以可以把sayKlay.say()方法的運(yùn)行時(shí)上下文
也就是運(yùn)行時(shí)的this的指向,指向sayClam
這個(gè)時(shí)候用say()方法就可以sayClam了。
*/
sayKlay.say.call(sayClam); // Clam

// demo2
function a(xx) {         
    this.b = xx; 
} 
var o = {}; 
a.call(o, 5); 
console.log(a.b);    // undefined 
console.log(o.b);    // 5 

apply()

apply方法實(shí)際上是與call方法用法相同山叮,只不過(guò)apply方法傳進(jìn)去的參數(shù)是以數(shù)組形式八堡。
apply 方法傳入兩個(gè)參數(shù):一個(gè)是作為函數(shù)上下文的對(duì)象,另外一個(gè)是作為函數(shù)參數(shù)所組成的數(shù)組聘芜。

function add(a,b) {         
    this.sum = a + b; 
} 
var o = {}; 
add.call(o, 5,5);
console.log(o.sum);    // 10
add.apply(o,[3,5]);
console.log(o.sum);    // 8

bind()

bind()的作用其實(shí)與call()以及apply()都是一樣的兄渺,都是為了改變函數(shù)運(yùn)行時(shí)的上下文,bind()與后面兩者的區(qū)別是汰现,call()和apply()在調(diào)用函數(shù)之后會(huì)立即執(zhí)行挂谍,而bind()方法調(diào)用并改變函數(shù)運(yùn)行時(shí)的上下文的之后,返回一個(gè)新的函數(shù)瞎饲,在我們需要調(diào)用的地方去調(diào)用他口叙。

var a = 1;
var obj = {
    a=9;
};
function example(b){
    return this.a+b
};
console.log(example.bind(obj,2));  // 打印出來(lái)的是一個(gè)函數(shù)  不會(huì)立即執(zhí)行

var newexample = example();
newexample(); // 調(diào)用的地方去調(diào)用

對(duì)比

call,apply嗅战,bind 三者用法和區(qū)別:參數(shù)妄田、綁定規(guī)則(顯示綁定和強(qiáng)綁定)、運(yùn)行效率(最終都會(huì)轉(zhuǎn)換成一個(gè)一個(gè)的參數(shù)去運(yùn)行)驮捍、運(yùn)行情況(call疟呐,apply 立即執(zhí)行,bind 是return 出一個(gè) this “固定”的函數(shù)东且,這也是為什么 bind 是強(qiáng)綁定的一個(gè)原因)启具。

注:“固定”這個(gè)詞的含義,它指的固定是指只要傳進(jìn)去了 context珊泳,則 bind 中 return 出來(lái)的函數(shù) this 便一直指向 context鲁冯,除非 context 是個(gè)變量。

詳情參考:

JavaScript 中 apply 色查、call 的詳解
javascript中call(),apply().bind()方法的作用和異同

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末薯演,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子秧了,更是在濱河造成了極大的恐慌跨扮,老刑警劉巖,帶你破解...
    沈念sama閱讀 212,383評(píng)論 6 493
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件示惊,死亡現(xiàn)場(chǎng)離奇詭異好港,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)米罚,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,522評(píng)論 3 385
  • 文/潘曉璐 我一進(jìn)店門钧汹,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人录择,你說(shuō)我怎么就攤上這事拔莱⊥虢担” “怎么了?”我有些...
    開封第一講書人閱讀 157,852評(píng)論 0 348
  • 文/不壞的土叔 我叫張陵塘秦,是天一觀的道長(zhǎng)讼渊。 經(jīng)常有香客問(wèn)我,道長(zhǎng)尊剔,這世上最難降的妖魔是什么爪幻? 我笑而不...
    開封第一講書人閱讀 56,621評(píng)論 1 284
  • 正文 為了忘掉前任,我火速辦了婚禮须误,結(jié)果婚禮上挨稿,老公的妹妹穿的比我還像新娘。我一直安慰自己京痢,他們只是感情好奶甘,可當(dāng)我...
    茶點(diǎn)故事閱讀 65,741評(píng)論 6 386
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著祭椰,像睡著了一般臭家。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上方淤,一...
    開封第一講書人閱讀 49,929評(píng)論 1 290
  • 那天钉赁,我揣著相機(jī)與錄音,去河邊找鬼臣淤。 笑死橄霉,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的邑蒋。 我是一名探鬼主播,決...
    沈念sama閱讀 39,076評(píng)論 3 410
  • 文/蒼蘭香墨 我猛地睜開眼按厘,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼医吊!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起逮京,我...
    開封第一講書人閱讀 37,803評(píng)論 0 268
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤卿堂,失蹤者是張志新(化名)和其女友劉穎,沒想到半個(gè)月后懒棉,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體草描,經(jīng)...
    沈念sama閱讀 44,265評(píng)論 1 303
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,582評(píng)論 2 327
  • 正文 我和宋清朗相戀三年策严,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了穗慕。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 38,716評(píng)論 1 341
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡妻导,死狀恐怖逛绵,靈堂內(nèi)的尸體忽然破棺而出怀各,到底是詐尸還是另有隱情,我是刑警寧澤术浪,帶...
    沈念sama閱讀 34,395評(píng)論 4 333
  • 正文 年R本政府宣布瓢对,位于F島的核電站,受9級(jí)特大地震影響胰苏,放射性物質(zhì)發(fā)生泄漏硕蛹。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 40,039評(píng)論 3 316
  • 文/蒙蒙 一硕并、第九天 我趴在偏房一處隱蔽的房頂上張望妓美。 院中可真熱鬧,春花似錦鲤孵、人聲如沸壶栋。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,798評(píng)論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)贵试。三九已至,卻和暖如春凯正,著一層夾襖步出監(jiān)牢的瞬間毙玻,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,027評(píng)論 1 266
  • 我被黑心中介騙來(lái)泰國(guó)打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留地淀,地道東北人免姿。 一個(gè)月前我還...
    沈念sama閱讀 46,488評(píng)論 2 361
  • 正文 我出身青樓,卻偏偏與公主長(zhǎng)得像运准,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子缭受,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 43,612評(píng)論 2 350

推薦閱讀更多精彩內(nèi)容