考虑到在ECMAScript中无法创建类(纳尼),用函数来封装以特定接口创建对象的细节。
1、工厂模式
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(“nanlan",21,"software enginner");
var person2=createPerson("xiaoju",22,"photograper");
函数createPerson()能够根据接受的参数构建一个包含所有必要信息的person对象。可以无数次调用这个对象,每次都会返回三个属性和一个方法的对象。工厂模式虽然解决了创建多个相似对象的问题,却没有解决对象识别的问题(即知道一个对象的类型)
2、构造函数模式
function Person(name,age,job){
this.name=name;
this.age=age;
this.job=job;
this.sayname=function(){
alert(this.name);
}
}
var person1=new Person("nanlan",22,"software enginner");
var person2=new Person("xiaoju",21,"photographer");
没有显式的创建对象,直接将属性和方法赋给了对象,没有return语句。构造函数始终都是以一个大写字母开头,而非构造函数应该以一个小写字母开头。
创建person的新实例,必须使用new操作符。以这种方式调用构造函数会经历以下4个步骤,1)创建一个新对象 2)将构造函数的作用域给新对象(因此this就指向了这个新对象) 3)执行构造函数的代码 4)返回新对象
所有的对象式Person的实例,也是Object的实例,可以通过instaceof来检测,你如
person1 instaceof Object ,person2 instaceof Person//均返回ture
3、原型模式
function Person(){
Person.prototype.name="nanlan";
Person.prototype.age=29;
Person.Prototype.job="softWare Engineer";
Person.Prototype.sayname=function(){
alert(this.name);
}
var person1=new Person();
person2.sayname();
var person2= new Person();
person2.sayname();
alert(person1.sayname==person2.name);
}
恩,这是关于js原型的问题,感觉比闭包还要难懂。发现一个挺有意思的一个问题,就是这道题,原型是采用字面变量去定义的,然后有两个实例Person1和Person2实例,其中对通过实例对原型当中的数组进行了修改,而Person1和Person2会共享原型的引用类型,比如说数组,所以他们的结果是一样的,但是Person1也也修改了原型当中name的值,这个时候结果不一样,原因是因为name只是一个普通的字符类型