javascript - 方法 Set.prototype.add 在不兼容的接收器上调用 undefined

Question

我根本不明白为什么会出现这个错误。

这是我在 chrome 的控制台上测试的内容:

>    var mySet;
<-   undefined

>    mySet = new Set;
<-   Set {}

>    mySet.add('foo', 'bar', 'baz')       // Worked as expected
<-   Set {"foo"}                          // just the first argument was added

>    ['bar', 'baz'].forEach(mySet.add)
X->  VM1529:1 Uncaught TypeError: 
         Method Set.prototype.add called on incompatible receiver undefined(…)

提前致谢。

Answer 1

在这种情况下，当您将 add 方法作为回调传递时，它会丢失其内部 this 上下文，因此您需要使用 bind:

['bar', 'baz'].forEach(mySet.add.bind(mySet));

或

['bar', 'baz'].forEach((item) => mySet.add(item));