1、原型?

??????前端面试必问——JS中的原型(prototype)、原型链和继承_cuckooii的博客-CSDN博客

一、原型

这个图片生动的表达了js中的构造函数、实例对象以及原型对象的关系

每个对象都有_proto_属性，并且?指向它的原型对象

每个构造函数都有它的prototype原型对象

prototype原型对象里的constructor指向它的构造函数

new一个构造函数会形成它的实例对象。

代码理解：

function Person(name,age){
     this.name=name;
     this.age=age;
}
 
var p1=new Person('小满',18);
var p2=new Person('大雪',20);
        
console.log(p1,p2)
console.log(Person.prototype);
console.log(p1.__proto__);
 
console.log(p1.__proto__===Person.prototype);
console.log(p2.__proto__===Person.prototype);
console.log(p1.__proto__===p2.__proto__);
 
console.log(p1.__proto__.constructor);
console.log(Person.prototype.constructor);

这段代码的输出结果如下：

由上述代码我们不难看出，prototype原型对象是一个公共容器，特定类型所有实例对象都可以访问。

二、原型链?

什么是原型链，从概念上来看：每个对象都有一个原型，这个原型还可以有它自己的原型，以此类推，形成一个原型链。

那么什么时候会用到原型链呢？当我们查找特定属性的时候，我们先去这个对象里找，如果没有的话就去它的原型对象里面去，如果还是没有的话再去原型对象的原型对象里去寻找....这个操作就是背委托在整个原型链上。

如果没找到，会一直找下去吗？原型链是有终点的，不会一直找下去，当Object.prototype.__proto__===null时，查找结束，返回undefined

二、实例对象，先调用执行构造函数还是原型

三、原型属性和方法，实例属性和方法

原型属性和方法：所有人共同使用一个

实例属性和方法：每个人都有一份

静态属性和方法：不能在类的实例上调用静态方法，而应该通过类本身调用

1、实例属性指的是在构造函数方法中定义的属性和方法，每个实例对象都独立开辟一块内存空间用于保存属性和方法。

function Products() {
    this.name = 'car',
    this.ids = [1,2]
}
var product1 = new Products();
var product2 = new Products();
product1.ids[0] = 3;
console.log(product1.ids); //[3,2]
console.log(product2.ids); //[1,2]

2、原型属性指的是用于创建实例对象的构造函数的原型的属性，每一个创建的实例对象都共享原型属性

function Products() {
    this.name = 'car',
    this.ids = [1,2]
}
Products.prototype.type = ['a', 'b'];
var product1 = new Products();
var product2 = new Products();
product1.type[0] = 'c';
console.log(product1.type); //["c", "b"]
console.log(product2.type); //["c", "b"]