JS面向对象的new操作

Question

创建了一个函数Shape，在他的prototype上写了一个name属性和toString方法，接着输出Shape的name属性和调用toString方法。然后new一个Shape的实例——Triangle，分别输出Triangle的name属性和调用toString方法，结果如下：varShape=function(){};Shape.prototype.name='Shape';Shape.prototype.toString=function(){returnthis.name;}console.log(Shape.name);//''console.log(Shape.toString());//function(){}varTriangle=newShape();console.log(Triangle.name);//'Shape'console.log(Triangle.toString());//'Shape'记得new操作完成了两件事：1.将this指向实例2.将实例的__proto__或者说[[prototype]]指向构造函数的prototype属性。（有不对和漏的地方请补充！）这样可以理解实例函数去__proto__中查找name属性和toString()方法。而构造函数似乎直接去爬原型链了，为什么它不先在自身的属性中查找呢？试着给Triangle的prototype加一个同名属性和方法：Triangle.prototype={};//这里还有一个疑问，new出来的对象//没有prototype属性，是因为函数要作为构造函数//所以内置了prototype属性么？Triangle.prototype.name='Triangle';Triangle.prototype.toString=function(){return'Iam'+this.name;}console.log(Triangle.name);//'Shape'console.log(Triangle.toString());//'Shape'嘛...和构造函数一个德行，求解惑～谢谢！

Answer 1

看来题主还不是很理解js是基于原型的编程语言，它可以模仿面向对象，但它从根本上是基于原型的。
如果题主想要模仿继承应该这么做：
varShape=function(){};
Shape.prototype={
constructor:Shape,
type:'Shape',
toString:function(){
returnthis.type;
}
}
varTriangle=function(){};
Triangle.prototype=newShape();
Triangle.prototype.type='Triangle';
可以试一下结果：
vart=newTriangle();
tinstanceofTriangle//true
tinstanceofShape//true
t.toString()//'Triangle'
接下来解释一下为什么题主你那样写不正确：
1.varTriangle=newShape();这句创建了一个Shape实例，而并没有创建一个新的原型。
2.Triangle.prototype={};这句以及接下来的几句都重新创建了一个原型，而并没有修改原本的原型。
有什么疑问可以追问。