鍍金池/ 問(wèn)答/網(wǎng)絡(luò)安全  HTML/ 關(guān)于call()方法的一點(diǎn)疑問(wèn)？

關(guān)于call()方法的一點(diǎn)疑問(wèn)？

function ArrayOf(){ 
  return [].slice.call(arguments); 
}

這個(gè)函數(shù)式是實(shí)現(xiàn)將arguments轉(zhuǎn)換成數(shù)組。
但是我有個(gè)疑問(wèn)就是這個(gè)call()方法不是第一個(gè)參數(shù)不是指向this對(duì)象嗎？為啥這個(gè)表達(dá)式[].slice.call(arguments)中，我感覺(jué)arguments怎么變成了參數(shù)了傳入到空數(shù)組中了？
實(shí)在不知道這個(gè)實(shí)現(xiàn)原理？有沒(méi)有大佬能讓我醍醐灌頂

回答
編輯回答
鐧簞噯

functionName.call的參數(shù)是(綁定對(duì)象,方法參數(shù)),相當(dāng)于綁定對(duì)象.functionName(方法參數(shù))。 對(duì)應(yīng)本例，arguments這個(gè)數(shù)組做了綁定對(duì)象，相當(dāng)于執(zhí)行了arguments.slice()。 [].slice只是表示借用了數(shù)組的slice方法。

PS.深挖一下，其實(shí)slice這個(gè)方法實(shí)現(xiàn)中應(yīng)該有個(gè)this，使用call(綁定對(duì)象)的方式調(diào)用它，綁定對(duì)象會(huì)充當(dāng)這個(gè)this（這是call或apply真正干的事情），看例子，一看就懂

function addAge() {
    this.age = 18;
}
let boy = {};
addAge.call(boy);
console.log(boy.age); //18
2017年4月30日 05:21
編輯回答
赱丅呿

[].slice 是在獲取 slice 方法

function ArrayOf() {
    const slice = [].slice
    return slice.call(arguments)
}

這么看你就明白了。

2018年1月14日 04:52
編輯回答
熟稔

給類(lèi)數(shù)組 arguments 調(diào)用Array 的方法 slice, 使其變?yōu)檎嬲臄?shù)組

可以稱(chēng)為方法借用, [].slice 是一個(gè)方法, 借給 arguments 用用, 得到 arugments 的數(shù)組副本

2017年6月25日 12:57