javascript高级程序设计读书笔记----面向对象的程序设计

 

 

创建对象

 

工厂模式

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("zhangsan", 18, "JavaScript Programmer");

var person2 = createPerson("lisi", 18, "Java Programmer");

构造函数模式

 

function Person(name, age, job){

this.name = name;

this.age = age;

this.job = job;

this.sayName = function(){

alert(this.name);

}

}

var person1 = createPerson("zhangsan", 18, "JavaScript Programmer");

var person2 = createPerson("lisi", 18, "Java Programmer");

这部分代码跟工厂模式代码不同之处是：

没有显示的创建对象

直接将属性和方法赋值给了this对象

没有return语句

2.构造函数的问题

function Person(name, age, job){

this.name = name;

this.age = age;

this.job = job;

this.sayName = sayName;

}

function sayName(){

alert(this.name);

}

var person1 = Person("zhangsan", 18, "JavaScript Programmer");

var person2 = Person("lisi", 18, "Java Programmer");

这里把sayName()函数的定义放到了构造函数外面，全局定义。因此person1和person2对象共享了在全局作用域中定义的同一个sayName()函数。

问题也来了，如果对象要定义很多方法，那么就需要定义很多全局函数，我们自定义的引用类型就没有封装性可言了。好在原型模式可以解决这个问题。

原型模式

function Person2() {

Person2.prototype.name = "zhangsan";

Person2.prototype.age = 18;

Person2.prototype.sayName = function () {

console.log(("Person2 sayName: " + this.name));

}

}

var p1 = new Person2();//调用了一个词sayName

p1.sayName();

var p2 = new Person2();

// p2.sayName();

console.log((p1.sayName() == p2.sayName()));

console.log("isPrototypeOf: "+Person2.prototype.isPrototypeOf(p1));

isPrototypeOf()方法

原型对象

只要创建了一个新的函数，就会根据一组特定的规则为该函数创建一个prototype属性，这个属性指向函数的原型对象。