1、原型(prototype、__proto __)
- 每个函数在被创建的时候,都会伴随着产生一个原型,如果函数只是作为普通函数调用,原型没有任何作用
- 当函数以构造函数的形式调用的时候,它所创建的对象中都会由一个隐含的属性(_ proto _ ),指向该构造函数的原型对象
- 原型对象相当于一个公共区域,所有同一个类的的实例都可以访问,我们就可以把公共的属性和方法放到原型中去
- 当我们访问一个属性或方法时,他会先在自身中寻找,如果没有,再去原型中寻找
function Person(name){
Person.prototype.name = name;
Person.prototype.sayHI = function(){
console.log(this.name +'你好');
}
}
var per = new Person('tom');
per.sayHI();//tom你好
var per2 = new Person('jerry');
per.sayHI();//jerry你好
console.log(per.__proto__);//通过__proto__可以拿到原型中的值
- 每个被实例化的对象,都会有一个属性,叫__proto__,如下图的 person 对象,每一个实例对象的__proto__属性,都等于构造函数的 prototype 属性,他们都指向这个公共区域
- 每一个函数的 prototype 属性对象中又含有一个 constructor 属性,这个属性又指向自身
- 每一个函数的 prototype 属性对象中还有__proto__属性,指向 Object.prototype
- Object.prototype 再向里找__proto__就为 null ,这里就充分说明了之前检测 null 的类型为什么是 object
2、原型继承
原型的基本结构了解之后,我们就可以利用原型来进行不同函数属性和方法的继承
function Animals(name,age){
this.name = name;
this.age = age;
this.sleep = function(){
console.log(this.name + '在睡觉');
};
}
function Dog(name,age){
this.__proto__ = new Animals(name,age);
this.wang = function(){
console.log(this.name + '汪汪叫');
};
}
var dog = new Dog('小狗',3);
dog.sleep();//小狗在睡觉
dog.wang();//小狗汪汪叫
上面的代码中,定义了一个动物构造函数和狗的构造函数,我们让小狗实例化时对象的__proto__指向动物构造函数的 prototype,(上一篇中讲过实例化的原理)可以看到我们不但能够拿到狗函数自身的 wang 方法,还能拿到动物构造函数的 sleep 方法
这就是继承,通过改变原型的指向,达到使用任意构造函数中属性和方法的目的