javaScript中Blob对象的学习笔记(2)_H5之家 - 中国HTML5教程资源分享第一站

function Animal() {}
Animal.prototype = {
    constructor: Animal,
    name: "animal",
    age: 1,
    hobbies: ["dance", "sing", "play"],
    sayName: function() {
        alert(this.name);
    }
};

var cat = new Animal();
var dog = new Animal();

cat.hobbies.push("sleep");

alert(cat.hobbies); // "dance", "sing", "play", "sleep"
alert(dog.hobbies); // "dance", "sing", "play", "sleep"

alert(cat.hobbies === dog.hobbies); // true
四. 组合使用构造函数模式和原型模式

var cat = new Animal("cat", 2);
var dog = new Animal("dog", 3);

cat.hobbies.push("sleep");

alert(cat.hobbies); // "dance", "sing", "play", "sleep"
alert(dog.hobbies); // "dance", "sing", "play"

alert(cat.hobbies === dog.hobbies); // false
alert(cat.sayName === dog.sayName); // true
五. 动态原型模式

六. 寄生构造函数模式

寄生构造函数模式的基本思想是创建一个函数，该函数的作用仅仅是封装创建对象的代码，然后再返回新创建的对象。

从表面上看，这个函数很像典型的构造函数。除了使用new操作符之外，这个模式跟工厂模式长得一模一样。构造函数在不返回值的情况下，默认会返回新对象实例。而通过在构造函数的末尾添加一个return语句，可以重写调用构造函数时返回的值。

function Animal(name, age) {
    var o = new Object();
    o.name = name;
    o.age = age;
    o.sayName = function() {
        alert(this.name);
    }
    return o;
}
var cat = new Animal("cat", 12);
cat.sayName(); // "cat"
由于返回的对象与构造函数或构造函数的原型之间没有什么关系，因此不能依赖instanceof操作符来确定对象类型。

建议在可以使用其他模式的情况下，不能使用这种模式。

七. 稳妥构造函数模式

稳妥构造函数模式与寄生构造函数模式类似，但有两点不同：

一是新创建对象的实例方法不引用this；
二是不适用new操作符调用构造函数。
function Animal(name, age) {
    var o = new Object();
    o.name = name;
    o.age = age;
    var msg = "Hello, I'm ";
    o.sayName = function() {
        alert(msg + this.name);
    }
    return o;
}
var cat = new Animal("cat", 12);
cat.sayName(); // "Hello, I'm cat"
稳妥构造函数模式适合在某些安全执行环境。

没有了

JavaScript中的继承在我们应用中用到非常的多了在这里我们一起来了解一下JavaScript中的继承的入门知识吧，具体的步骤如下。

许多OOP语言都支持两种继承方式：接口继承和实现继承。接口继承只继承方法签名，而实现继承则继承实际的方法。由于函数没有签名，在ECMAScript中无法实现接口继承。ECMAScript只支持实现继承，而且其实现继承主要是依靠原型链来实现的。

实现对象集成集中方法如下：

一. 原型链继承

使用原型链集成的基本思想，是利用原型让一个引用类型集成另一个引用类型的属性和方法。

本质就是重写原型对象，代之以一个新类型的实例。

function SuperType() {
this.property = true;
}

SuperType.prototype.getSuperValue = function() {
return this.property;
}

function SubType() {
this.subProperty = false;
}

// 继承了SuperType
SubType.prototype = new SuperType();
SubType.prototype.getSubValue = function() {
return this.subProperty;
}