第一步：学会创建对象
- 工厂模式
function Dog(name, variety) {
return {
name: name,
variety: variety
};
}
var dog1 = Dog('二牛', '牛头梗');
var dog2 = Dog('二狗', '哈士奇');
- 构造函数模式
function Dog(name, variety) {
this.name = name;
this.variety = variety;
}
var dog1 = new Dog('二牛', '牛头梗');
var dog2 = new Dog('二狗', '哈士奇');
console.log(dog1.name); // 二牛
console.log(dog2.name); // 二狗
与上一个相比没有return语句，直接将属性和方法赋给了this对象
问题：每个方法都要在每个实例上重新创建一遍，所以每一个实例所包含的同名函数是不相等的，如下所示：
print(dog1.bark() === dog2.bark()); // false
- 原型模式
function Dog(name, variety) {
this.name = name;
this.variety = variety;
}
Dog.prototype.type = '犬科';
Dog.prototype.bark = function() {
console.log('汪汪汪');
}
var dog1 = new Dog('二牛', '牛头梗');
var dog2 = new Dog('二狗', '哈士奇');
console.log(dog1.type); // 犬科
dog1.bark(); // 汪汪汪
print(dog2.type); // 犬科
dog2.bark(); // 汪汪汪
console.log(dog1.bark() === dog2.bark()); // true
Dog 构造函数都有一个prototype属性，指向函数原型对象Dog prototype，Dog prototype里面有一个constructor属性，指向Dog，实例dog1，dog2指向Dog prototype，实例内部包含一个指针[[prototype]]表示指向构造函数的原型对象
原型链的形成
-
构造函数，原型，实例之间的关系：
每个构造函数都有一个原型对象，原型对象包含一个指向构造函数的指针，而实例由 new 一个构造函数而生成，包含一个指向原型对象的指针。
- 原型链
让原型对象的指向为另一个类型的实例，在下图中将SubType的原型对象SubType Prototype指向了SuperType Prototype构成原型链
继承
主要依靠原型链来实现继承
- 原型继承
function Animal() {
this.feeling = 'happy';
}
function Dog(name, variety) {
this.name = name;
this.variety = variety;
}
Dog.prototype = new Animal();
Dog.prototype.constructor = Dog;
var dog = new Dog('二狗', '哈士奇');
console.log(dog.feeling); // happy
问题：实例对象共享
function Animal() {
this.colors = ['red', 'green', 'blue'];
}
function Dog() {
}
// 继承Animal
Dog.prototype = new Animal();
Dog.prototype.constructor = Dog;
var dog1 = new Dog();
dog1.colors.push('black');
console.log(dog1.colors); // red,green,blue,black
var dog2 = new Dog();
console.log(dog2.colors); // red,green,blue,black
- 构造函数继承
function Animal() {
this.feeling = 'happy';
}
function Dog(name, variety) {
Animal.apply(this, arguments);
this.name = name;
this.variety = variety;
}
var dog = new Dog('二狗', '哈士奇');
console.log(dog.feeling); // happy
使用apply或者call方法改变构造函数作用域，将父函数的构造函数绑定到子对象上
问题：方法都在构造函数中定义，函数的复用不存在
- 构造函数+原型继承
function Animal(name) {
this.name = name;
this.colors = ['red', 'green', 'blue'];
}
Animal.prototype.sayName = function() {
console.log(this.name);
};
function Dog(name, age) {
// 继承属性
Animal.call(this, name);
this.age = age;
}
// 继承方法
Dog.prototype = new Animal();
Dog.prototype.sayAge = function() {
console.log(this.age);
}
//实例一
var dog1 = new Dog('二狗', 1);
dog1.colors.push('black');
console.log(dog1.colors); // red,green,blue,black
dog1.sayName(); // 二狗
dog1.sayAge(); // 1
//实例二
var dog2 = new Dog('二牛', 2);
console.log(dog2.colors); // red,green,blue
dog2.sayName(); // 二牛
dog2.sayAge(); // 2
参考：http://www.alloyteam.com/2015/06/javascript-shu-ju-jie-gou-he-suan-fa-jian-shu-qian-yan/
