7

假设我有一个 function Foo，并且我希望从它构造的对象具有一个bar属性：

function Foo() {}
Foo.prototype.bar = 'baz'
console.log('new Foo().bar: ' + new Foo().bar)

new Foo().bar: baz

现在假设我以某种方式绑定 Foo。绑定函数仍然可以在构造函数调用中使用，并且绑定this被忽略：

const Bound = Foo.bind(42)
console.log('new Bound().bar: ' + new Bound().bar)

new Bound().bar: baz

代理应该是通用和透明的。然而...

const PFoo = new Proxy(Foo, { })
console.log('new PFoo().bar: ' + new PFoo().bar)

const PBound = new Proxy(Bound, { })
console.log('new PBound().bar: ' + new PBound().bar)

new PFoo().bar: baz
new PBound().bar: undefined

我希望第二个代理的行为与 完全一样Bound，因为我使用的是空处理程序。换句话说，我希望最后一个输出是baz.

为什么不是这样？

（完整的片段如下）

function Foo() {}
Foo.prototype.bar = 'baz'
console.log('new Foo().bar: ' + new Foo().bar)

const Bound = Foo.bind(42)
console.log('new Bound().bar: ' + new Bound().bar)

const PFoo = new Proxy(Foo, { })
console.log('new PFoo().bar: ' + new PFoo().bar)

const PBound = new Proxy(Bound, { })
console.log('new PBound().bar: ' + new PBound().bar)

4

1 回答 1

3

tl;博士

使用时new F，new.target设置为F 除非 F是绑定函数，在这种情况下new.target成为原始函数。代理不会发生这种情况。

长答案

好的，我想我明白了。这条评论是一个很好的起点。关键成分：

  • new.target
  • [[原型]] 内部插槽
  • 构造函数prototype属性

注意：在构造函数调用中，新对象的原型设置为new.target.prototype. 这是本规范的第 5 步。

起点：在做的时候new F()，new.target最初设置为F（跟随链接）。然而，这可能会在建设过程中改变......

new Foo()

这里没有什么奇怪的，new.targetisFoo和新创建的对象原型是Foo.prototype.

new Bound()

这是有趣的。一开始，new.target是Bound。但是，绑定函数 [[Construct]] 内部方法的第 5 步执行以下操作：如果new.target设置为绑定函数，则将其更改为目标函数，即Foo. 因此，Foo.prototype再次使用。

new PFoo()

new.target总是PFoo，但它是 的代理Foo，因此再次给出PFoo.prototype请求的时间。Foo.prototype

new PBound()

new.target设置为PBound。这次调用绑定函数的 [[Construct]] 内部方法时，new.target不等于绑定函数，所以没有改变，我们最终使用了，PBound.prototype也就是转发到Bound.prototype。的确...

function Foo() { }
Foo.prototype.iAm = 'Foo'
const Bound = Foo.bind(42)
Bound.prototype = {iAm: 'Bound'}
const Proxied = new Proxy(Bound, { })
console.log(new Proxied().iAm)

个人观点：我理解，在构造绑定函数时，new.target会进行更改，以使一切按预期工作。同样，我希望代理对象的构造new.target在继续之前设置为代理函数。这是一个幼稚的想法，也许有一些我没有考虑的极端情况。

于 2017-12-20T15:40:45.017 回答