js基础——继承

1、实现继承：原型链

function extend1() {//父类型

this.name = "张三";

}

function extend2(){ //子类型

this.age =18;

}

extend2.prototype = new extend1();//extend2继承了extend1中的属性

（父类型的实例化对象赋值给子类型的原型属性，父类型中的构造函数和原型信息都会给extend2）

var _extend1 = new extend2();

console.log(_extend1.name);//张三

console.log(_extend1.age);//18

function extend3() {

this.address = "重庆";

}

extend3.prototype = new extend2();//extend3继承了extend1和extend2

var _extend2 = new extend3();

console.log(_extend2.name);//张三

console.log(_extend2.age);//18

console.log(_extend2.address);//重庆

extend1.prptotype.name = "lucy";

var _extend1 = new extend1();

console.log(_extend1.name);//张三就近原则，现在实例里面找，有就返回，没有才去原型里面找

子类型从属于自己或他的超类型（父类型）

alert(_extend2.instanceof Object)；//true

alert(_extend2.instanceof extend2)；//true

alert(_extend2.instanceof extend1)；//true

2、组合继承

function Group1(age) {

this.name = ["Linda",'Bob','Lucy','Anna'];

this.age = 25;

}

构造函数里的方法放在构造里每次实例化都会分配一个内存地址（浪费），放在原型里保证每次实例化都只有一个引用地址：

Group1.prototype.run = function () {

return this.name + ',' + this.age;

}

function Group2(age) {

Group1.call(this,age);//对象冒充只能继承构造实例中的，不能继承原型中的信息

}

Group2.prototype = new Group1();//原型链继承，否则原型里的run方法是访问不到的

var _group1 = new Group2(20);

console.log(_group1.run());

3、原型式继承

1. 临时中转函数

function obj (o) {//o表示杨要穿ID进的一个对象

function F(){};//F构造函数是一个临时新建的对象，用于存储传过来的对象

F.prototype = o; //jiango对象实例赋值给F构造函数的原型对象

return new F(); //返回这个得到传递过来对象的对象实例

}

2. 字面量的声明方式(相当于 var box = new Box();)

var box= {

name:"Lucy",

age ：100

}

F.prototype = 0;//

var box1 = obj(box);box1就等于 new F();

alert(box1.name);//lucy

4、寄生式继承=原型式+工厂模式

1. 临时中转函数

function obj (o) {//o表示杨要穿ID进的一个对象

function F(){};//F构造函数是一个临时新建的对象，用于存储传过来的对象

F.prototype = o; //jiango对象实例赋值给F构造函数的原型对象

return new F(); //返回这个得到传递过来对象的对象实例

}

//寄生函数

function create(o){

var f = obj(o);

f.run = function(){

return this.name + "方法";

}

return f;

}

var box= {

name:"Lucy",

age ：100

}

var box1 = create(box);

alert(box1.run());//lucy方法

5、寄生式组合继承（最终完美版本）

1. 临时中转函数

function obj (o) {//o表示杨要穿ID进的一个对象

function F(){};//F构造函数是一个临时新建的对象，用于存储传过来的对象

F.prototype = o; //jiango对象实例赋值给F构造函数的原型对象

return new F(); //返回这个得到传递过来对象的对象实例

}

2.寄生函数

function create(box,desk){

var f = obj(box.prototype);

desk.prototype = f;

return f;

}

3.构造函数

function Box(name,age){

this.name = name;

this.age = age;

]

4.原型式方法

Box.prototypr.run = function(){

return this.name + this.age + "运行中..."

}

5.对象冒充

function Desk(name,age){

Box.call(this,name,age);

}

6.通过寄生组合继承来实现继承

create(Box,Desk);//用于替代 Desk.prototype = new Box();

巴特西

js基础——继承

最新文章

热门文章