首页 > Js/Jquery

Javascript高级程序设计读书笔记(第六章)

发表于2015-08-01 14:42:15| --次阅读| 来源webkfa| 作者js,javascript

摘要:第6章 面向对象的程序设计 6.2 创建对象 创建某个类的实例,必须使用new操作符调用构造函数会经历以下四个步骤:创建一个新对象;将构造函数的作用域赋给新对象;执行构造函数中的代码;返回新对象。 构造函数的问题:每个方法都要在每个实例上重新创建一遍; 理解原型对象: ...

第6章  面向对象的程序设计

  6.2 创建对象

    创建某个类的实例,必须使用new操作符调用构造函数会经历以下四个步骤:

    1. 创建一个新对象;
    2. 将构造函数的作用域赋给新对象;
    3. 执行构造函数中的代码;
    4. 返回新对象。

    构造函数的问题:每个方法都要在每个实例上重新创建一遍;

    理解原型对象:

      无论何时,只要创建了一个新函数,就会根据一组特定的规则为该函数创建一个prototype属性,这个属性指向函数的原型对象。默认情况下,所有原型对象都会自动获得一个constructor属性,这个属性包含一个指向prototype属性所在函数的指针。如下面的例子:

function Person() {
}

Person.prototype.name = "Nicholas";
Person.prototype.age = 29;
Person.prototype.job = "Software Engineer";
Person.prototype.sayName = function() {
    alert(this.name);
};
var person1 = new Person();
person1.sayName();    //"Nicholas"

      如下图所示展示了各个对象之间的关系:

 

  6.3 继承

    6.3.1 原型链继承

      基本思想:利用原型让一个引用类型继承另一个引用类型的属性和方法。即让子类的原型对象等于父类的实例。

      存在的问题:

function SuperType() {
    this.colors = ["red", "blue", "green"];
}

function SubType() {
}

SubType.prototype = new SuperType();

var instance1 = new SubType();
instance1.colors.push("black");
alert(instance1.colors);     //red,blue,green,black;

var instance2 = new SubType();
alert(instance2.colors);     //red,blue,green,black

    colors本来属于SuperType的实例属性,但是SubType继承以后就变成了SubType的原型属性,结果是SubType的所有实例都会共享这一个colors属性。

    另一个问题:在创建子类型的实例时,不能向超类型的构造函数中传递参数。

    6.3.2  借用构造函数

      基本思想:在子类型构造函数的内部调用超类型构造函数。如下所示:

1 function SuperType() {
    this.colors = ["red", "blue", "green"];
}

function SubType() {
    SuperType.call(this);    //继承了SuperType
}

var instance1 = new SubType();
instance1.colors.push("black");
alert(instance1.colors);     //red,blue,green,black;

var instance2 = new SubType();
alert(instance2.colors);   //red,blue,green
View Code

      相对于原型链,借用构造函数有一个很大的优势,可以在子类型构造函数中向超类型构造函数传递参数。

      借用构造函数的问题:

        方法都在构造函数中定义,因此函数复用无从谈起,所有类型都只能使用构造函数模式。在超类型的原型中定义的方法,对子类型而言也是不可见的。

    6.3.3  组合继承

      组合继承是将原型链和借用构造函数的技术组合到一起,从而发挥二者之长的一种继承模式。基本思想是:使用原型链实现对原型属性和方法的继承,而通过构造函数来实现对实例属性的继承。

1 function SuperType(name) {
    this.name = name;
    this.colors = ["red", "blue", "green"];
};

SuperType.prototype.sayName = function() {
    alert(this.name);
};

function SubType(name, age) {
    //继承属性
    SuperType.call(this, name);
    this.age = age;
}

//继承方法
SubType.prototype = new SuperType();

SubType.prototype.sayAge = function() {
    alert(this.age);
}

var instance1 = new SubType("Nicholas", 29);
instance1.colors.push("black");
alert(instance1.colors);
instance1.sayName();   //Nicholas
instance1.sayAge();      //29


var instance2 = new SubType("Grey", 27);
alert(instance2.colors);       //"red,blue,green"
instance2.sayName();      //Grey
instance2.sayAge();          //27
View Code

      组合继承避免了原型链和借用构造函数的缺陷,成为Javascript中最常用的继承模式

    6.3.4  原型式继承

 

相关文章

猜你喜欢

学到老在线代码浏览器 关闭浏览
友情链接: hao123 360导航 搜狗网址导航 114啦网址导航 博客大全
Copyright © 1999-2014, WEBKFA.COM, All Rights Reserved  京ICP备14034497号-1