// call/apply/bind的原生js實(shí)現(xiàn)
// call和apply都是一次性且立即調(diào)用的
// bind是永久綁定到一個(gè)新函數(shù)，并不會(huì)立即調(diào)用
// 原生js實(shí)現(xiàn)bind函數(shù)
// 所有的函數(shù)都要有bind方法，所以要定義在Function的原型對(duì)象上
Function.prototype.myBind = function(objThis,...params){
// objThis是要綁定的this對(duì)象桐磁，...params是因?yàn)閰?shù)數(shù)量不確定才用解構(gòu)語法
const thisFn = this;//當(dāng)前調(diào)用的函數(shù)座硕，例如fn.myBind()就把fn保存到thisFn
let funcForBind = function(...secondParams){ // 要返回的函數(shù)
// 判斷函數(shù)是否是用new function生成的
const isNew = this instanceof funcForBind
const thisArg = isNew?this:objThis //this的指向
// 綁定好this和參數(shù)返回到外層辖试，暫時(shí)用call綁定冒黑，call也可以原生實(shí)現(xiàn)
return thisFn.call(thisArg,...params,...secondParams)
}
// 綁定原型
funcForBind.prototype = Object.create(thisFn)
return funcForBind //返回綁定好的函數(shù)
}
// 原生js實(shí)現(xiàn)call函數(shù)
Function.prototype.myCall = function(objThis,...params){
// 先判斷objThis熄攘，如果未傳入則將this指向window
if(objThis===null || objThis==undefined){
objThis = window
}
const specialMethod = Symbol('anything');//不重復(fù)的方法
// 將這個(gè)不重復(fù)的方法作為objThis的一個(gè)屬性，屬性值就是要綁定this的那個(gè)函數(shù)
objThis[specialMethod] = this // this就是需要綁定this的函數(shù)
// 調(diào)用函數(shù)并且將結(jié)果返回
let result = objThis[specialMethod](...params)
// call是一次性的孕蝉，所以調(diào)用完之后要?jiǎng)h除這個(gè)新增加的屬性
delete objThis[specialMethod]
return result // 返回結(jié)果
}
// 原生js實(shí)現(xiàn)apply函數(shù)
// apply函數(shù)與call函數(shù)基本一致的屡律，只是傳入的參數(shù)是個(gè)數(shù)組
// 除了這兩行，都與call函數(shù)一致
Function.prototype.myApply = function(objThis,arr){
// ....
let result = objThis[specialMethod](...arr) // 解構(gòu)傳入的數(shù)組
}
Javascript原生實(shí)現(xiàn)call/apply/bind
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
- 文/潘曉璐 我一進(jìn)店門淑玫，熙熙樓的掌柜王于貴愁眉苦臉地迎上來巾腕，“玉大人，你說我怎么就攤上這事絮蒿∽鸢幔” “怎么了？”我有些...
- 文/不壞的土叔 我叫張陵土涝，是天一觀的道長(zhǎng)佛寿。 經(jīng)常有香客問我，道長(zhǎng)但壮，這世上最難降的妖魔是什么冀泻？ 我笑而不...
- 正文 為了忘掉前任，我火速辦了婚禮蜡饵，結(jié)果婚禮上弹渔，老公的妹妹穿的比我還像新娘。我一直安慰自己溯祸，他們只是感情好肢专，可當(dāng)我...
- 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著焦辅，像睡著了一般博杖。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上氨鹏，一...
- 文/蒼蘭香墨 我猛地睜開眼娱两，長(zhǎng)吁一口氣：“原來是場(chǎng)噩夢(mèng)啊……” “哼！你這毒婦竟也來了金吗？” 一聲冷哼從身側(cè)響起十兢，我...
- 序言：老撾萬榮一對(duì)情侶失蹤，失蹤者是張志新（化名）和其女友劉穎摇庙，沒想到半個(gè)月后旱物，有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體，經(jīng)...
- 正文 獨(dú)居荒郊野嶺守林人離奇死亡卫袒，尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
- 正文 我和宋清朗相戀三年宵呛，在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片夕凝。...
- 正文 年R本政府宣布转砖，位于F島的核電站须鼎，受9級(jí)特大地震影響，放射性物質(zhì)發(fā)生泄漏堪藐。R本人自食惡果不足惜莉兰，卻給世界環(huán)境...
- 文/蒙蒙 一挑围、第九天 我趴在偏房一處隱蔽的房頂上張望礁竞。 院中可真熱鬧，春花似錦杉辙、人聲如沸模捂。這莊子的主人今日做“春日...
- 文/蒼蘭香墨 我抬頭看了看天上的太陽狂男。三九已至，卻和暖如春品腹，著一層夾襖步出監(jiān)牢的瞬間岖食，已是汗流浹背。 一陣腳步聲響...
- 正文 我出身青樓，卻偏偏與公主長(zhǎng)得像蔑穴，于是被迫代替她去往敵國(guó)和親忠寻。 傳聞我的和親對(duì)象是個(gè)殘疾皇子，可洞房花燭夜當(dāng)晚...
推薦閱讀更多精彩內(nèi)容
- 1. 實(shí)現(xiàn)一個(gè)call函數(shù) 2. 實(shí)現(xiàn)一個(gè)apply函數(shù) 3. 實(shí)現(xiàn)一個(gè)bind函數(shù)
- 1、基本使用 call绞佩、apply寺鸥、bind都是改變this的指向 call apply bind 2、手動(dòng)實(shí)現(xiàn) ...
- 我們知道在javascript中call和apply以及bind都可以改變this指向笆载，那么它們是怎么實(shí)現(xiàn)的呢？彼...
- call() 方法在使用 一個(gè)指定的 this 值和若干個(gè)指定的參數(shù)值 的前提下 調(diào)用 某個(gè)函數(shù)或方法涝登。 appl...
- 【call】 call() 方法在使用一個(gè)指定的 this 值和若干個(gè)指定的參數(shù)值的前提下調(diào)用某個(gè)函數(shù)或方法。 舉...
