javascript - 为什么我不能将 Symbol.hasInstance 分配给函数？

Question

我有以下代码:

function A() {
}

A[Symbol.hasInstance] = function(i) {return true}

它在我的 Webpack+Babel 环境中失败并出现错误:

Uncaught TypeError: Cannot assign to read only property 'Symbol(Symbol.hasInstance)' of function 'function A() {}'

为什么？

Answer 1

原因是 Function.prototype[Symbol.hasInstance] 的属性描述符具有 {writable: false}，这使得无法以这种方式分配。 JS 引擎查找 Function.prototype[Symbol.hasInstance] 描述符，看到 writable: false，然后禁止赋值，即使它是在叶子对象上赋值的原型(prototype)类型而不是在找到该属性的原始对象上，或者换句话说，即使该属性尚未存在于最叶对象上，writable: false 属性也会被原型(prototype)继承。我们尝试分配值的原型(prototype)链。

为了解决这个问题，我们可以使用Object.defineProperty，它工作得很好:

function A() {
}

Object.defineProperty(A, Symbol.hasInstance, {
  value: function(i) {return true}
})