JS中的原型对象与构造器

Posted 2021-01-11 skybirdzw

在javascript中：
原型对象是属于构造函数的，不属于实例；
实例只能共享原型对象中的属性和方法（当然也可以有自己的属性和方法，或者覆盖原型中同名的属性和方法）；
构造器constructor属于原型的，不属于实例；
实例之所以能有constructor属性是因为它共享了原型对象的所有成员，包括原型对象的constructor属性；

function Wede(){this.name="zhao"}

//输出构造函数的原型对象
console.log(Wede.prototype); //Wede {}

//给构造函数的原型对象增加成员属性
Wede.prototype.Sex="man"; //"man"

//new一个实例
var zw=new Wede();

//输出构造函数的原型对象的constructor属性
Wede.prototype.constructor; //function Wede(){this.name="zhao"}

//然而，当我们查看构造函数的constructor属性时，它输出的是Function构造器
Wede.constructor; //function Function() { [native code] }

//输出实例共享了原型对象的constructor属性；
//可以看出，和Wede.prototype.constructor;的输出是一致的。
zw.constructor; //function Wede(){this.name="zhao"}


//当new一个实例后，该实例内部将包含一个指针（内部属性）[[Prototype]]（或者叫做_proto_），用于指向构造函数的原型对象；
//但是这个指针在脚本中是不可见的，以下示例证明了这一点；
//不过，要明确的一点就是，这个指针存在于实例与构造函数的原型对象之间，而不是实例与构造函数之间；
zw._proto_; //undefined
zw.[[Prototype]]; //SyntaxError: Unexpected token [...

//isPrototypeOf方法用来确定实例本身拥有的[[Prototype]]内部属性与构造函数的原型对象是否相等。
//这个方法具体还有什么用处，有待补充......
Wede.prototype.isPrototypeOf(zw); //true