javascript - js 有優(yōu)雅的辦法從外部 hijack 函數(shù)入?yún)幔?/h1>
瀏覽:97日期:2023-09-21 18:52:02
問題描述
let fn = (a, b, c) => { console.log(a, b, c)}fn1(0, 0, 0) // output: 0 0 0
想要 fn 每次調(diào)用的時(shí)候第二個(gè)參數(shù)總是加 2
即
fn(0, 0, 0) // output: 0 2 0fn(1, 1, 1) // output: 1 3 1
目前只找到一種很丑的寫法去 hijack:
fn = (_ => { const innerFn = fn const newFn = (a, b, c) => { innerFn(a, b + 2, c) } Object.assign(newFn, innerFn) return newFn})()
有沒有更好一點(diǎn)的包裝方法?
問題解答
回答1:方法是沒錯(cuò),不過我總覺得你寫的有點(diǎn)別扭……我覺得直接一點(diǎn)比較好……
// 原函數(shù)function fn(a, b, c) { console.log(a, b, c)}// 加工函數(shù)const addTwo = (fn) => (a, b, c) =>fn(a, b + 2, c);// 生成新函數(shù)const newFn = addTwo(fn);newFn(0, 0, 0); //0 2 0回答2:
想要 fn 每次調(diào)用的時(shí)候第二個(gè)參數(shù)總是加 2
呃呃呃。。其實(shí)無(wú)非就是分別給參數(shù)加上 0, 2, 0
也就是說從函數(shù) fn 生成另外一個(gè) 偏函數(shù) fnOffset
把 [0, 2, 0] 這三個(gè)參數(shù) 分別加到 fn(a, b, c) 上的 a b c 上
更廣義的說:
把 [ .... ] 這 n 個(gè)參數(shù) 分別加到 fn() 的 arguments 的對(duì)應(yīng)位置上
function fn(a, b, c){ console.log(a, b, c); }function adder(arr, fn, _this){ _this = _this || window; var toAdd = arr.slice(0, fn.length); return function(){var argu = Array.prototype.slice.call(arguments); fn.apply(_this, toAdd.map((item, idx) => { return argu[idx] + item; })); }}var fnOffset = adder([0, 2, 0], fn); fnOffset(0, 0, 0); fnOffset(2, 1, 0);
![javascript - js 有優(yōu)雅的辦法從外部 hijack 函數(shù)入?yún)幔? src=]()
![javascript - js 有優(yōu)雅的辦法從外部 hijack 函數(shù)入?yún)幔? src=]()
用 fn020 做變量名 應(yīng)該更優(yōu)雅把 = =
回答3:你描述的東西有點(diǎn)像ES6的Proxy,但是這個(gè)是無(wú)法polyfill的,可能不太適合在前端用。
標(biāo)簽:
JavaScript
相關(guān)文章:
1. mysql - 這條聯(lián)合sql語(yǔ)句哪里錯(cuò)了2. webpack - vuejs+java前后臺(tái)分離實(shí)現(xiàn)及部署問題3. docker容器呢SSH為什么連不通呢?4. docker鏡像push報(bào)錯(cuò)5. docker start -a dockername 老是卡住,什么情況?6. docker網(wǎng)絡(luò)端口映射,沒有方便點(diǎn)的操作方法么?7. mysqldb - MAC OS安裝MySQL-python總是失敗,請(qǐng)幫忙看看什么原因?8. javascript - ios 軟鍵盤彈出header被頂上去 定位失效 求大神解決9. javascript語(yǔ)法錯(cuò)誤10. javascript - JS繼承,如何避免父類原型的object類型屬性會(huì)受子類影響的情況;
問題描述
let fn = (a, b, c) => { console.log(a, b, c)}fn1(0, 0, 0) // output: 0 0 0
想要 fn 每次調(diào)用的時(shí)候第二個(gè)參數(shù)總是加 2
即
fn(0, 0, 0) // output: 0 2 0fn(1, 1, 1) // output: 1 3 1
目前只找到一種很丑的寫法去 hijack:
fn = (_ => { const innerFn = fn const newFn = (a, b, c) => { innerFn(a, b + 2, c) } Object.assign(newFn, innerFn) return newFn})()
有沒有更好一點(diǎn)的包裝方法?
問題解答
回答1:方法是沒錯(cuò),不過我總覺得你寫的有點(diǎn)別扭……我覺得直接一點(diǎn)比較好……
// 原函數(shù)function fn(a, b, c) { console.log(a, b, c)}// 加工函數(shù)const addTwo = (fn) => (a, b, c) =>fn(a, b + 2, c);// 生成新函數(shù)const newFn = addTwo(fn);newFn(0, 0, 0); //0 2 0回答2:
想要 fn 每次調(diào)用的時(shí)候第二個(gè)參數(shù)總是加 2
呃呃呃。。其實(shí)無(wú)非就是分別給參數(shù)加上 0, 2, 0
也就是說從函數(shù) fn 生成另外一個(gè) 偏函數(shù) fnOffset
把 [0, 2, 0] 這三個(gè)參數(shù) 分別加到 fn(a, b, c) 上的 a b c 上
更廣義的說:
把 [ .... ] 這 n 個(gè)參數(shù) 分別加到 fn() 的 arguments 的對(duì)應(yīng)位置上
function fn(a, b, c){ console.log(a, b, c); }function adder(arr, fn, _this){ _this = _this || window; var toAdd = arr.slice(0, fn.length); return function(){var argu = Array.prototype.slice.call(arguments); fn.apply(_this, toAdd.map((item, idx) => { return argu[idx] + item; })); }}var fnOffset = adder([0, 2, 0], fn); fnOffset(0, 0, 0); fnOffset(2, 1, 0);
用 fn020 做變量名 應(yīng)該更優(yōu)雅把 = =
回答3:你描述的東西有點(diǎn)像ES6的Proxy,但是這個(gè)是無(wú)法polyfill的,可能不太適合在前端用。
