为什么js不能将方法作为函数运行

Question

javascript

console.log([1, 2].map([1, 2].indexOf));

错误：未捕获的类型错误：Array.prototype.indexOf 在 null 或未定义时调用

但是这行得通

console.log([1, 2].map((x) => [1, 2].indexOf(x)));

---

在 python 中。

print(list(map([1, 2].index, [1, 2])))

这行得通。

那么为什么第一种方法失败了？

Answer 1

indexOf 需要一个数组的 this 值。路过

[1, 2].indexOf

同传递Array.prototype.indexOf:

console.log(
  [1, 2].indexOf === Array.prototype.indexOf
);

类似的：

'use strict';
class Something {
  prop = 'prop';
  method() {
    console.log(this);
  }
}
const s = new Something();
function foo(callback) {
  callback();
}
foo(s.method);

将它作为回调传递而不是调用它通常意味着[1, 2] 的this 丢失。出于类似的原因，以下内容不会记录数组：

'use strict';
// just for example, don't do this
Array.prototype.foo = function() {
  console.log(this);
}

const arr = [1, 2];
arr.map(arr.foo);

要将this 值传递给.map 以指示回调的调用上下文，您需要传递另一个参数（尽管这非常奇怪）：

const arr = [1, 2];
console.log(arr.map(arr.indexOf, arr));

调用indexOf 内联而不是将其作为回调传递通常更有意义。