如何在JavaScript中编写自定义数组方法？自定义方法回调失效求助

嘿，我能看出你在尝试给数组添加自定义方法时遇到了小问题，咱们一步步来搞定它！

首先，你的代码核心问题在于自定义方法没有返回回调函数的执行结果。咱们来看原代码：

Array.prototype.ownMethod = function(x) { x(this) } 
[1, 2, 3, 4].ownMethod(function(x) { return x[1] }) 

你定义的ownMethod确实把当前数组（也就是this）传给了回调函数x，但它只是调用了这个回调，却没有把回调返回的值传递出来——所以你调用ownMethod后得到的其实是undefined，而不是你期望的x[1]（也就是2）。

修正方案 #

只需要在自定义方法里加上return，把回调的执行结果返回即可：

// 修正后的自定义方法
Array.prototype.ownMethod = function(callback) { 
  return callback(this); // 返回回调函数的执行结果
} 

// 调用方法，这里把参数名改成arr更清晰，避免混淆
const result = [1, 2, 3, 4].ownMethod(function(arr) { 
  return arr[1]; 
});

console.log(result); // 输出：2，这就是你想要的结果啦！

额外小建议 #

虽然直接修改Array.prototype能实现需求，但在实际项目里尽量谨慎这么做——因为如果其他代码也修改了同名的原型方法，很容易出现冲突。如果只是学习用途，那完全没问题；要是做项目，你可以考虑用函数封装的方式，比如：

function ownMethod(arr, callback) {
  return callback(arr);
}

const result = ownMethod([1,2,3,4], arr => arr[1]);
console.log(result); // 同样输出2

这样就不会污染原生数组的原型啦~

内容的提问来源于stack exchange，提问作者foysal sheykh