JavaScript读书笔记四

 

创建对象最简单方式就是创建一个Object实例，然后添加属性和方法

 

var person = new Object();
person.name = "Miles";
person.age = 24;
person.job = "Software Engineer"

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

person.sayName();

 

这种方法有个明显的缺点：使用同一个借口创建很多对象，会产生大量的重复代码

 

为了解决这个方法，我们可以使用工厂模式的一种遍体

 

function createPerson(name, age, job) {
    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayName = function() {
        alert(this.name);
    };
    return o;
}

var person1 = createPerson("Miles", 24, "Software Engineer");
var person2 = createPerson("Jenny", 24, "Doctor");

person1.sayName();  //"Miles"
person2.sayName();  //"Jenny"

   

工厂模式虽然解决了创建多个想死对象的问题，但没有解决对象识别的问题（即怎样知道一个对象的类型）

 

随着js的发展，构造函数模式出现了

 

function Person(name, age, job) {
    this.name = name;
    this.age = age;
    this.job = job;
    this.sayName = function() {
        alert(this.name);
    };
}

var person1 = new Person("Miles", 24, "Software Engineer");
var person2 = new Person("Jenny", 24, "Doctor");

person1.sayName();  //"Miles"
person2.sayName();  //"Jenny"

 

 

构造函数与其他函数的唯一区别，就在于调用他们的方式不同。构造函数也是函数，只要通过new操作符来调用，那它就可以作为构造函数，如果不通过new，它跟普通函数没区别。

 

//当作构造函数使用
var person = new Person("Miles", 24, "Software Engineer");
person.sayName(); // "Miles"
//当作普通函数调用
Person("Jenny", 24, "Doctor");
window.sayName(); // "Jenny"
//在另一个对象的作用于中调用
var o = new Person();
Person.call(o, "Sean", 24, "Engineer");
o.sayName(); // "Sean"

 

当在全局作用域中调用一个函数时，this对象总是只想Global对象。

 

构造函数的缺点就是每个方法都要在每个实例上重新创建一遍。也就是上面的实例中每一个sayName不是同一个Function的实例

 

alert(person1.sayName() == person2.sayName()); // false

然后，创建两个完全同样任务的Function实例没有必要，所以可以通过把函数定义转移到构造函数外部来解决这个问题

 

function Person(name, age, job) {
    this.name = name;
    this.age = age;
    this.job = job;
    this.sayName = sayName;
}
function sayName() {
        alert(this.name);
}

 

与个人博客同时更新中