《JS设计模式笔记》构造函数和工厂模式创建对象

时间:2023-03-09 13:04:45
《JS设计模式笔记》构造函数和工厂模式创建对象

工厂模式

 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("Terry",24,"Software Engineer");
person1.sayName();
var Person2=createPerson("Terry2",24,"Software Engineer2");
person2.sayName();

构造函数模式

  function Person(name,age,job){
this.name=name;
this.age=age;
this.job=job;
this.sayName=function(){
alert(this.name);
}
}
var person1=new Person("Terry",23,"Engineer Software");
person1.sayName();

  person1对象有一个constructor属性,该属性指向Person,constuctor属性最初是用来标识对象类型的。但是 instanceof操作符要更可靠一些。

 alert(person1 instanceof Object);//ture
alert(person1 instanceof Person);//ture

  自定义构造函数意味着将来可以将它的实例标识为一种特定的类型,这正是构造函数模式胜过工厂模式的地方。
  构造函数也是函数,任何函数只要通过new操作符来调用,那它就可以做为构造函数;而任何函数不通过new操作符来调用,那它跟普通函数也不会有什么两样。

1、当做构造函数来使用

 var person=new Person("Terry",23,"Software Engineer");
person.sayName();

2、作为普通函数来调用

 Person("Terry",25,"Doctor");
window.sayName();

3,在另一对象作用域中调用

 var o=new Object();
Person.call(o,"Terry",23,"Nurse");
o.sayName();

  当在全局作用域中调用一个函数时, this对象总是指向Global对象(在浏览器中就是window对象)。

  因此,在调用完函数之后,可以通过window对象来调用sayName()方法,并且还返回了"Terry"。

  最后,也可以使用 call()(或者 apply())在某个特殊对象的作用域中调用 Person()函数。

  这里是在对象o的作用域中调用的,因此调用后 o 就拥有了所有属性和 sayName()方法。

构造函数的问题

  ...

  ...