原型、原型链、继承
原型
定义: 原型是function对象的一个属性,它定义了构造函数制造的对象的公共祖先。通过该构造函数产生的对象,可以继承该原型的属性和方法。原型也是对象。
利用原型的特点和概念,可以提取共有属性。
对象如何查看原型 ——> 隐式属性 __proto__
对象如何查看对象的构造函数 ——> constructor
原型链
原型链的构成
原型链上属性的增删改查
绝大多数对象的最终都会继承自
Object.prototype
Object.create(原型)
继承
1.传统模式——>原型链
过多的继承了没用的属性
Grand.prototype.lastName = 'parker';
function Grand() {}
var grand = new Grand();
Father.prototype = grand;
function Father() {
this.name = 'jack';
}
var father = new Father();
Son.prototype = father;
function Son() {}
var son = new Son();
2.借用构造函数
不能继承借用构造函数的原型
每次构造函数都要多走一个函数
function Person(name, age, sex) {
this.name = name;
this.age = age;
this.sex = sex;
}
function Student(name, age, sex, tel, grade) {
//var this ={name: '',age='',sex=''}
Person.call(this, name, age, sex);
this.tel = tel;
this.grade = grade;
}
var student = new Student('sunny', 123, 'male', 139, 2020);
3.共享原型
不能随便更改自己的原型
Father.prototype.lastName = 'jack';
function Father() {}
function Son() {}
Son.prototype = Father.prototype;
var son = new Son();
var father = new Father();
4.圣杯模式
function inherit(Target, Origin) {
function F() {};
F.prototype = Origin.prototype;
Target.prototype = new F();
Target.prototype.constuctor = Target;
Target.prototype.uber = Origin.prototype; //继承至谁
}
Father.prototype.lastName = 'parker';
function Father() {}
function Son() {}
inherit(Son, Father);
var son = new Son();
var father = new Father();
//雅虎提供的圣杯方法
var inherit = (function () {
var F = function () {};
return function (Target, Origin) {
F.prototype = Origin.prototype;
Target.prototype = new F();
Target.prototype.constuctor = Target;
Target.prototype.uber = Origin.prototype; //继承至谁
}
}());