受下劃線庫啟發,努力重寫呼叫函數
P粉990008428
P粉990008428 2024-03-31 09:42:10
0
2
427

我是一個初學者,正在嘗試重寫下劃線函數_.invoke。 我正在嘗試創建該函數,以便它返回一個數組,其中包含對集合中的每個值調用該方法的結果。

_.invoke = function(collection, methodName) {
  var result = [];
  if (Array.isArray(collection)) {
    for (let i = 0; i < collection.length; i++) {
      methodName.call(collection[i])
      var value = collection[i][methodName]
      result.push(value)
    }
  }
  return result
}

我認為我的問題出在這一行:

methodName.call(collection[i]) - 想呼叫物件collection[i] 上的方法,但我想傳遞一些參數(如果它們包含在單元測試中)。

到目前為止,我已經嘗試使用測試: typeof(methodName) === "function" 並編寫一個函數來測試該方法是否是一個函數。

P粉990008428
P粉990008428

全部回覆(2)
P粉165522886

在這裡您可以使用參數來呼叫。

_.invoke = function(collection, methodName, ...args) {
  if (!Array.isArray(collection)) {
     return [];
  }
  const out = []; 
  for(const item of collection){
    if(typeof item[methodName] === 'function')
      out.push(item[methodName].apply(item, args));
    }
  }
  return out;
}

要測試所有項目都有一個方法:

const collection = [...];
const allHaveMethod = _.invoke(collection, 'method', 'arg1', 'arg2').length === collection.length;
P粉413704245

你的意思是這樣的嗎?

const myArr = [
  { cons:function(args) { return args } },
  { cons:function(args) { return args["bla"] } },
]

const _ = {};
_.invoke = (collection, methodName, ...args) => !Array.isArray(collection) ? [] : collection
.filter(item => typeof item[methodName] === 'function')
.map(item => item[methodName].apply(item, args));

const res = _.invoke(myArr,"cons",{"bla":"hello"})
console.log(res)
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板