Javascript高级程序设计读书笔记（第六章）

第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"

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

Javascript高级程序设计读书笔记（第六章）

　　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() {
 2     this.colors = ["red", "blue", "green"];
 3 }
 4 
 5 function SubType() {
 6     SuperType.call(this);    //继承了SuperType
 7 }
 8 
 9 var instance1 = new SubType();
10 instance1.colors.push("black");
11 alert(instance1.colors);     //red,blue,green,black;
12 
13 var instance2 = new SubType();
14 alert(instance2.colors);   //red,blue,green

View Code