關(guān)于apply call bind一點(diǎn)點(diǎn)想法

這幾天在看別人的代碼的時(shí)候填大,發(fā)現(xiàn)大神把a(bǔ)pply、call俏橘、bind允华,用的出神入化。感覺自己需要整理一波寥掐。今天把自己的心得靴寂,整理一下。持續(xù)更新召耘。


  • 了解一個(gè)東西的第一步查手冊百炬。
    手冊

apply

方法在指定 this值和參數(shù)的情況下調(diào)用某個(gè)函數(shù)

  • 例:

    var person = {
            name:'zhaobw'
    }
    var student = {
           name:'tom'
    }
    function Out(){
           console.log(this.name);
    }
    Out.apply(person);
    Out.apply(student);
    

call

方法在指定 this值和參數(shù)的情況下調(diào)用某個(gè)函數(shù)

  • var person = {
            name:'zhaobw'
    }
    var student = {
           name:'tom'
    }
    function Out(){
           console.log(this.name);
    }
    Out.call(person);
    Out.call(student);
    

問題來了,這兩個(gè)方法功能不是一樣的么?
是的污它,他們是一樣的剖踊!有一點(diǎn)點(diǎn)區(qū)別,就是第二個(gè)參數(shù)

只有一個(gè)區(qū)別衫贬,就是call()方法接受的是若干個(gè)參數(shù)的列表德澈,而apply()方法接受的是一個(gè)包含多個(gè)參數(shù)的數(shù)組。

bind

創(chuàng)建一個(gè)新的函數(shù), 當(dāng)被調(diào)用時(shí)固惯,它的this關(guān)鍵字被設(shè)置為提供的值 圃验,在調(diào)用新函數(shù)時(shí),提供任何一個(gè)給定的參數(shù)序列缝呕。

var person = {
  name:'zhaobw'
}
var student = {
  name:'tom'
}
function Out(){
  console.log(this.name);
}
var p1 = Out.bind(person);
var s1 = Out.bind(student);
p1();
s1();

三個(gè)函數(shù)進(jìn)行對比
  • 都是用來改變函數(shù)的this對象的指向的澳窑;
  • 第一個(gè)參數(shù)都是this要指向的對象;
  • 都可以利用后續(xù)參數(shù)傳參供常;
  • bind是返回對應(yīng)函數(shù)摊聋,便于稍后調(diào)用,apply栈暇、call是立即調(diào)用麻裁;

概念都說了。舉幾個(gè)例子源祈。


  • 選出一個(gè)數(shù)組最大的數(shù)字煎源,利用了apply參數(shù)是數(shù)組的方便。
    var arr = [1,2,3,4,5,6,7];
    console.log(Math.max.apply(Math,arr));

  • 判斷一個(gè)對象是不是數(shù)組
    function isArray(obj){
    return Object.prototype.toString.call(obj) === '[object Array]' ;
    }

  • 判斷一個(gè)對象是不是數(shù)組
    console.log(asd instanceof Array);
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末香缺,一起剝皮案震驚了整個(gè)濱河市手销,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌图张,老刑警劉巖锋拖,帶你破解...
    沈念sama閱讀 206,839評論 6 482
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件诈悍,死亡現(xiàn)場離奇詭異,居然都是意外死亡兽埃,警方通過查閱死者的電腦和手機(jī)侥钳,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 88,543評論 2 382
  • 文/潘曉璐 我一進(jìn)店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來柄错,“玉大人舷夺,你說我怎么就攤上這事∈勖玻” “怎么了冕房?”我有些...
    開封第一講書人閱讀 153,116評論 0 344
  • 文/不壞的土叔 我叫張陵,是天一觀的道長趁矾。 經(jīng)常有香客問我耙册,道長,這世上最難降的妖魔是什么毫捣? 我笑而不...
    開封第一講書人閱讀 55,371評論 1 279
  • 正文 為了忘掉前任详拙,我火速辦了婚禮,結(jié)果婚禮上蔓同,老公的妹妹穿的比我還像新娘饶辙。我一直安慰自己,他們只是感情好斑粱,可當(dāng)我...
    茶點(diǎn)故事閱讀 64,384評論 5 374
  • 文/花漫 我一把揭開白布弃揽。 她就那樣靜靜地躺著,像睡著了一般则北。 火紅的嫁衣襯著肌膚如雪矿微。 梳的紋絲不亂的頭發(fā)上,一...
    開封第一講書人閱讀 49,111評論 1 285
  • 那天尚揣,我揣著相機(jī)與錄音涌矢,去河邊找鬼。 笑死快骗,一個(gè)胖子當(dāng)著我的面吹牛娜庇,可吹牛的內(nèi)容都是我干的。 我是一名探鬼主播方篮,決...
    沈念sama閱讀 38,416評論 3 400
  • 文/蒼蘭香墨 我猛地睜開眼名秀,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了藕溅?” 一聲冷哼從身側(cè)響起匕得,我...
    開封第一講書人閱讀 37,053評論 0 259
  • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎蜈垮,沒想到半個(gè)月后耗跛,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體裕照,經(jīng)...
    沈念sama閱讀 43,558評論 1 300
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡攒发,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 36,007評論 2 325
  • 正文 我和宋清朗相戀三年调塌,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片惠猿。...
    茶點(diǎn)故事閱讀 38,117評論 1 334
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡羔砾,死狀恐怖,靈堂內(nèi)的尸體忽然破棺而出偶妖,到底是詐尸還是另有隱情姜凄,我是刑警寧澤,帶...
    沈念sama閱讀 33,756評論 4 324
  • 正文 年R本政府宣布趾访,位于F島的核電站态秧,受9級特大地震影響,放射性物質(zhì)發(fā)生泄漏扼鞋。R本人自食惡果不足惜申鱼,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 39,324評論 3 307
  • 文/蒙蒙 一、第九天 我趴在偏房一處隱蔽的房頂上張望云头。 院中可真熱鬧捐友,春花似錦、人聲如沸溃槐。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,315評論 0 19
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽昏滴。三九已至猴鲫,卻和暖如春,著一層夾襖步出監(jiān)牢的瞬間谣殊,已是汗流浹背变隔。 一陣腳步聲響...
    開封第一講書人閱讀 31,539評論 1 262
  • 我被黑心中介騙來泰國打工, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留蟹倾,地道東北人匣缘。 一個(gè)月前我還...
    沈念sama閱讀 45,578評論 2 355
  • 正文 我出身青樓,卻偏偏與公主長得像鲜棠,于是被迫代替她去往敵國和親肌厨。 傳聞我的和親對象是個(gè)殘疾皇子,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 42,877評論 2 345

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