JavaScript 继承给构造函数赋值

Question

我正在学习 javascript OOP，但在理解继承时遇到了问题。你能解释一下为什么这两个代码的结果不同吗？ ：

代码 1

function a(){}

function b(){
    this.uno = "hello"}

b.prototype = new a();

function c(){
    this.dos = "bye"}

c.prototype= new b();

var obj = new c();

console.log(obj.uno);
console.log(obj.dos);
console.log(obj.constructor);

输出 1

hello 
bye
[function: a]

代码 2

function a(){}


function b(){
    this.uno = "hola"}


b.prototype = new a();


function c(){
    this.dos = "bye"}

c.prototype = {constructor:b}

var obj = new c();

console.log(obj.uno);
console.log(obj.dos);
console.log(obj.constructor);

输出 2

undefined
bye
[function: b]

我非常感谢任何有关该主题的指南。

Answer 1

在代码sn-p中

function a() {}

function b() {
  this.uno = "hello"
}

b.prototype = new a();

function c() {
  this.dos = "bye"
}

c.prototype = new b();

var obj = new c();

console.log(obj.uno);
console.log(obj.dos);
console.log(obj.constructor);

让我们了解发生了什么。当你在做

b.prototype = new a();

a 的新实例被创建并直接分配给b 的原型。 所以现在如果有人这样做 var obj = new b(); obj.uno 将等于 hello。

现在，当声明

c.prototype = new b();

执行后，obj（b 类的实例）现在分配给 c 的原型。所以现在如果有人这样做 var obj = new c();

• obj.dos = bye 在 c 构造函数类中分配。
• obj.uno = 'hello'，因为它曾经在实例化 b 构造函数时被赋值。
• 由于没有重新分配构造函数属性，它仍将指向原始父级a。所以obj.constructor = function a()。

---

在第二个sn-p

function a() {}


function b() {
  this.uno = "hola"
}


b.prototype = new a();


function c() {
  this.dos = "bye"
}

c.prototype = {
  constructor: b
}

var obj = new c();

console.log(obj.uno);
console.log(obj.dos);
console.log(obj.constructor);

c.prototype = { 构造函数：b }

没有继承b 或其原型链。在每个构造函数s prototype chain there is aconstructorproperty which points to the constructor class. In the avobe statement, it just reassings it to the functionb`。

更新： Constructor 是在任何对象的原型链中定义的属性，因为函数在 JS 中是 first-class-objects，它们也有这个属性。

因此，当您执行上述行时，它基本上会更改 c.prototype.constructor 的值。仅此而已。

你有没有这样做过

 c.prototype = {
  constructor: 5
}
...
console.log(obj.constructor); // 5.
//Its like setting a value for a property in a JS object.

所以当你这样做时：

console.log(obj.constructor);

它指向新分配的构造函数，即function b()。

但由于没有继承，

console.log(obj.uno);

肯定是未定义的。

然而，

console.log(obj.dos);

当您创建函数 c 的新实例时，将是 bye：

var obj = new c();

希望这有助于更好地理解 JS 原型继承。

Answer 2

因为new b() !== {constructor:b} (as adeneo mentioned)。原型需要 a lot more 而不仅仅是 {constructor} 属性，因此仅提供一个对象（字面量）并没有多大作用。