js 原型对象
每个对象都有一个原型对象,我们这里用构造函数来举例
创建一个构造函数
function Dog(name,age,sex,type) {
this.name = name;
this.age = age;
this.sex = sex;
this.type = type;
}
let white = new Dog("小白",1,"女","拉布拉多")
console.log(white);
返回的结果是
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/3306bf86ede30029da3148912738dea5.png#pic_center)
这里打开__proto__可以看到其中的constructor是我们的构造函数
我们在实例化一个对象,并给设置一个关系
function Dog(name, age, sex, type) {
this.name = name;
this.age = age;
this.sex = sex;
this.type = type;
}
Dog.prototype.relation = "lover"
let white = new Dog("小白", 1, "女", "拉布拉多")
let blue = new Dog("小陈", 2, "男", "萨摩耶")
console.log(white);
console.log(white.relation);
console.log(blue);
下面是运行结果
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/8db68fada01d17d282d34200cf22a0c3.png#pic_center)
我们通过这个结果可以看的出 我们实例化对象的时候是可以得到他的relation值的,因此他们应该是指向同一个原型对象的,所以我们也是可以调用的出他们的constructor属性 也就是他们的构造函数
function Dog(name, age, sex, type) {
this.name = name;
this.age = age;
this.sex = sex;
this.type = type;
}
Dog.prototype.relation = "lover"
let white = new Dog("小白", 1, "女", "拉布拉多")
let blue = new Dog("小陈", 2, "男", "萨摩耶")
console.log(white);
console.log(white.relation);
console.log(blue);
console.log(white.constructor);
![在这里插入图片描述](https://i-blog.csdnimg.cn/blog_migrate/045b09d334808768b40383dcc2cc94ca.png#pic_center)
所以我们可以得出 我们的实例化对象的constructor可以指向构造函数,而构造函数的的prototype指向一个原型对象而实例化对象的__proto__也指向我们的原型对象
再送大家一张图片有助理解
![再送大家一张图片有助理解](https://i-blog.csdnimg.cn/blog_migrate/4578a760e5f414932b542eef082b82d5.png#pic_center)