日期:2014-05-16 浏览次数:20396 次
?
创建对象最简单方式就是创建一个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); }
?
与个人博客同时更新中
?