JavaScript使用prototype继承构造函数会改变的问题

问题描述

问 题

使用原型继承为什么会改变子类的构造函数呢？

看代码：

var A = function (){
    console.log('A');
};

var B = function (){
    console.log('B');
};

var C = function (){
    console.log('C');
};

B.prototype= new A();

var b = new B();
var c = new C();
console.log(b.constructor.toString());   //奇怪啊
console.log(c.constructor.toString());

第一个console输出结果竟然是：

function (){

console.log('A');

}

不是很理解为什么会是这个结果，求大神解答

解决方案

B.prototype= new A();

是赋值操作，所以 A.prototype.contructor 就赋值给了B.prototype
在new B();实例化的过程中其实是将B.prototype克隆出来 再让B构造函数处理后返回

因此需要重新指定

B.prototype= new A();
B.prototype.contructor = B;

另外，继承我个人建议用Object.create实现

B.prototype = Object.create(A.prototype);
B.prototype.contructor = B;

//这样继承就不用去实例化一次A

这篇关于JavaScript使用prototype继承构造函数会改变的问题的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！