你不知道的 JavaScript 系列上( 52 ) - .constructor

function Foo(name) {
  this.name = name;
}
Foo.prototype.myName = function () {
  return this.name;
}

var a = new Foo('a');
var b = new Foo('b');

a.myName(); // 'a'
b.myName(); // 'b'

这段代码展示了“面向类”的 2 个技巧

1、this.name = name 给每个对象都添加了 .name 属性。(this 的 new 绑定规则)
2、 Foo.prototype.myName 给 Foo.prototype对象添加了一个函数。a.myName 能正常工作是因为在创建的过程中,a 和 b 的内部都会关联到 Foo.prototype 上。当 a 和 b 中无法找到 myName 时,它会通过 委托在 Foo.prototype 找到
a.constructor === Foo 为真意味着 a 确实有一个指向 Foo 的 .constructor 属性,但是事实不是这样。 .constructor 引用同样被委托给了 Foo.prototype,而 Foo.prototype.constructor 默认指向 Foo
Foo.prototype 的 .constructor 属性只是 Foo 函数在声明时的默认属性。如果创建了一个新对象并替换了函数默认的 .prototype 对象引用,那么新对象并不会自动获得 .constructor 属性
function Foo() {/** .. */}
Foo.prototype = {/** .. */} // 创建一个新原型对象
var a1 = new Foo();
a1.constructor === Foo; // false
a1.constructor ==== Object; // true

a1 并没有 .constructor 属性,所以它会委托 [[Prototype]] 链上的 Foo.prototype。但是这个对象也没有 .constructor 属性,所以它会继续委托,这次会委托到委托链顶端的 Object.prototype。 这个对象有 .constructor 属性,指向内置的 Object(...) 函数。

当然也可以给 Foo.prototype 手动添加一个 .constructor 属性。.constructor 并不是一个不可变属性。所以 a1.constructor 实际上是不被信任的。它们不一定指向默认的函数引用。a1.constructor 是一个非常不可靠并且不安全的引用。通常来说要尽量避免使用这些引用

猜你喜欢

转载自www.cnblogs.com/wzndkj/p/12702804.html