原型和原型链

原型

prototype 原型函数一声明天生就有

原型的概念：在JavaScript中，每当定义一个函数数据类型(普通函数、类)时候，都会天生自带一个prototype属性，这个属性指向函数的原型对象，并且这个属性是一个对象数据类型的值。

原型模式: 是用于创建重复的对象，同时又能保证性能，这种类型的设计模式属于创建型模式，它提供了一种创建对象的最佳方式。

原型对象就相当于一个公共的区域，所有同一个类的实例都可以访问到这个原型对象，我们可以将对象中共有的内容，统一设置到原型对象中。

原型链

`proto`和`constructor`

每一个对象数据类型(普通的对象、实例、prototype......)也天生自带一个属性__proto__，属性值是当前实例所属类的原型(prototype)。原型对象中有一个属性constructor, 它指向函数对象。


    function Person() {}
    var person = new Person()
    console.log(person.__proto__ === Person.prototype)//true
    console.log(Person.prototype.constructor===Person)//true
    //顺便学习一个ES5的方法,可以获得对象的原型
    console.log(Object.getPrototypeOf(person) === Person.prototype) // true

通过原型创建的新对象实例是相互独立的，为新对象实例添加的方法只有该实例拥有这个方法，其它实例是没有这个方法的

 let stu1 = new Star('小红'); 
 let stu2 = new Star('小红'); 
 console.log(stu1.name === stu2.name);//true
 
 let stu1 = new Star('小红');
 let stu2 = new Star('小蓝'); 
 console.log(stu1.name === stu2.name);//false

什么叫原型链

在JavaScript中万物都是对象，对象和对象之间也有关系，并不是孤立存在的。对象之间的继承关系，在JavaScript中是通过prototype对象指向父类对象，直到指向Object对象为止，这样就形成了一个原型指向的链条，专业术语称之为原型链。

proto：事实上就是原型链指针！！
prototype：上面说到这个是指向原型对象的
constructor：每一个原型对象都包含一个指向构造函数的指针

原型链的应用

对象可以使用构造函数prototype原型对象的属性和方法，就是因为对象有__proto__原型的存在
每个对象都有__proto__原型的存在

    function Star(name,age) {
    this.name = name;
    this.age = age;
}
Star.prototype.dance = function(){
    console.log('我在跳舞',this.name);
};
let obj = new Star('张三',18);
console.log(obj.__proto__ === Star.prototype);//true

原型的查找方法

    function Star(name) {
        this.name = name;
        
        (1)首先看obj对象身上是否有dance方法，如果有，则执行对象身上的方法
        this.dance = function () {
            console.log(this.name + '1');
        }
    }
    
    (2)如果没有dance方法，就去构造函数原型对象prototype身上去查找dance这个方法。
    Star.prototype.dance = function () {
        console.log(this.name + '2');
    };
    
    (3)如果再没有dance方法，就去Object原型对象prototype身上去查找dance这个方法。
    Object.prototype.dance = function () {
        console.log(this.name + '3');
    };
    (4)如果再没有，则会报错。
    let obj = new Star('小红');
    obj.dance();

首先看obj对象身上是否有dance方法，如果有，则执行对象身上的方法
如果没有dance方法，就去构造函数原型对象prototype身上去查找dance方法
如果还是没有dance方法，就去Object原型对象prototype身上去查找这个方法
如果还是没有，就会报错

常用的构造函数

1、 var arr =[]; 为 var arr = new Array();的语法糖。

2、 var arr =[]; 为 var arr = new Object();的语法糖。

3、 var date = new Date();

_proto_和prototype的区别

proto ：是实例对象指向原型对象的指针，隐式原型，是每个对象都会有的一个属性。
prototype：是构造函数的原型对象，显式原型，只有函数才会有。


function fn(){
	num = 20
}
//为构造函数添加原型对象
fn.prototype.num = 30;
//实例化构造函数
var obj = new fn();
//此时打印出来的obj本身有一个属性num=20，在它的__proto__中有num=30
console.log(obj);
console.log(obj.__proto__.num == fn.prototype.num) 
//上面两个num的比较结果是true，这个就说明了实例对象的__proto__是有关联的，并且obj的__proto__shi 指向构造函数的原型对象的，所以两个值是相等的!

原型和原型链

原型和原型链

原型

原型链

__proto__和constructor

什么叫原型链

原型链的应用

原型的查找方法

常用的构造函数

_proto_和prototype的区别

`proto`和`constructor`