// 寄生构造函数,其实就是工厂模式+构造模式;这种模式比较通用,但不能确定对象关系; function Box(name,age){ var obj = new Object(); obj.name = name; obj.age = age; obj.run = function (){ return this.name+this.age+'运行中...'; }; return obj; }
三 继承
1.原型链
// 继承是面向对象中一个比较核心的概念; // 其他正统面向对象语言都会用两种方式实现继承:一个是接口实现,一个是继承; // 而ECMAScript只支持继承,不支持接口实现,而实现继承的方式依靠原型链完成; // 实质:利用原型让一个引用类型继承另一个引用类型的属性和方法; // 原型继承链:Box ==>> Desk ==>> Table; function Box(){ // Box构造; this.name = 'Lee'; } function Desk(){ // Desk构造; this.age = 100; } Desk.prototype = new Box(); // 通过创建Box实例,并赋值给Desk.prototype实现的;通过原型,形成链条; // 实质是:重写了Desk的原型对象,取而代之的是一个新类型Box的实例; // 也就是说原来存在于Box实例中的属性和方法,现在也存在与Desk.prototype中了; var desk = new Desk(); console.log(desk.age); // 100; console.log(desk.name); // =>Lee; function Table(){ this.level = 'AAA'; } Table.prototype = new Desk(); // 继续原型链继承;Table继承了Desk; var table = new Table(); console.log(table.name); // Lee;
2.原型与实例的关系;
// PS:以上原型链继承缺少一环,那就是Object,所有的构造函数都继承自Object; // 而继承Object是自动完成的,并不需要手动继承; console.log(table instanceof Object); // =>true; console.log(desk instanceof Table); // =>false;Desk是Table的超类; console.log(table instanceof Desk); // =>true; console.log(table instanceof Box); // =>true; // 在JS中,被继承的函数称为超类型(父类,基类); // 继承的函数称为子类型(子类,派生类); // 继承问题: // 字面量重写原型会中断关系; // 子类型无法给超类型传递参数;
3.借用构造函数(对象冒充)
// 为了解决引用共享和给超类型无法传参问题;
// 在子类型构造函数的内部调用超类型构造函数; function Box(age){ this.name = ['Lee','Jack','Hello']; this.age = age; } function Desk(age){ // 继承了Box;同时还传递了参数; // 这样一来,就会在新Desk对象上执行Box()函数中定义的所有对象初始化代码; Box.call(this,age); // 对象冒充,Desk继承Box,并可以给超类型传参; // 为了确保Box构造函数不会重写子类型的属性,可以在超类型构造函数后,再添加应该在子类型中定义的属性; this.height = 175; } var desk = new Desk(200); // 向Desk()函数传参,再通过函数冒用向Box()函数传参; console.log(desk.age); // =>200; console.log(desk.name); // =>['Lee','Jack','Hello']; desk.name.push('AAA'); // =>添加的新数据,只添加给desk; console.log(desk.name); // =>['Lee','Jack','Hello','AAA'];
4.组合继承(原型链+借用构造函数)
// 借用构造函数虽然解决了引用共享和给超类型无法传参问题,但是没有使用原型,复用则无从谈起;所以需要组合继承模式;
// 使用原型链实现对原型属性和方法的继承; // 通过借用构造函数来实现对实例属性的继承; // 这样,既通过在原型上定义方法实现了函数复用,又能保证每个实例都有他自己的属性; function Box(age){ // 构造函数; this.name = ['Lee','Jack','Hello']; this.age = age; } Box.prototype.run = function(){ // 原型; return this.name+this.age; } function Desk(age){ Box.call(this,age); // 继承属性; 对象冒充; 将Box对象的作用域扩充到Desk中,Desk就会继承Box里的属性和方法; } Desk.prototype = new Box(); // 继承方法; 原型链继承; var desk = new Desk(100); console.log(desk.run()); // =>Lee,Jack,Hello100 // 最常用的继承模式;
5.原型式继承?