创建对象之构造函数模式

构造函数的作用

ECMAScript中的构造函数可用来创建特定类型的对象。
例如:

unction Person(name , age ,job){
    this.name=name;
    this.age=age;
    this.job=job;
    this.sayName=function (){
        console.log(this.name);
    };
}
var person1 = new Person("dudu","28","doctor");
var person2 = new Person("lili","28","doctor");
var lihua = new Person("Lihua","28","doctor");
lihua.sayName(); //"Lihua"

创建自定义的构造函数意味着将来可以将它的实例标识为一种特定的类型。而这正是构造函数模式胜过工厂模式的地方。

将构造函数当作函数
构造函数和其它函数的唯一区别就在于调用它们的方式不同。任何函数,只要通过new操作符来调用,那它就可以作为构造函数;而任何函数,不通过new操作符来调用,那它跟普通函数也不会有什么两样。

例如:

// 当作构造函数使用 
var person = new Person("Nicholas", 29, "Software Engineer"); 
person.sayName(); //"Nicholas" 

 // 作为普通函数调用 
Person("Greg", 27, "Doctor"); // 添加到 window 
window.sayName(); //"Greg" 

 // 在另一个对象的作用域中调用 
 var o = new Object(); 
 Person.call(o, "Kristen", 25, "Nurse"); 
 o.sayName(); //"Kristen" 
 

不使用new操作符调用Person()会出现什么结果:属性和方法都被添加给window 对象了。当在全局作用域中调用一个函数时,this 对象总是指向 Global 对象(在浏览器中就是 window 对象)。因此,在调用完函数之后,可以通过 window 对象来调用 sayName()方法,并且还返回了"Greg"。

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

new操作符在执行时会做四件事情:

  1. 在内存中创建一个新的空对象
  2. 让this指向这个新对象。
  3. 执行构造函数里面的代码,给这个新对象添加属性和方法。
  4. 返回这个新对象。

构造函数实例成员和静态成员

  1. 实例成员 就是构造函数内部通过this添加的成员。实例成员只能通过实例化对象来访问,不可以通过构造函数来访问实例成员。
  2. 静态成员 在构造函数本身本身上添加的成员。静态成员只能通过构造函数来访问,不能通过对象来访问。

例如:

function Person(name , age ,job){
    this.name=name;
    this.age=age;
    this.job=job;
    this.sayName=function (){
        console.log(this.name);
    };
}
Person.sex = '男';
var person1 = new Person("dudu","28","doctor");
console.log(person1.sex); //undefined
console.log(Person.sex);  //'男'

构造函数的问题
使用构造函数的主要问题,就是每个方法都要在每个实例上重新创建一遍。ECMAScript中的函数是对象,因此每定义一个函数,也就是实例化了一个对象。每个 Person 实例都包含一个不同的 Function 实例。
从逻辑角度讲,此时的构造函数也可以这样定义:

function Person(name, age, job){
this.name = name;
this.age = age;
this.job = job;
this.sayName = new Function(“alert(this.name)”); // 与声明函数在逻辑上是等价的
}

以这种方式创建函数,会导致不同的作用域链和标识符解析,但 创建 Function 新实例的机制仍然是相同的。因此,不同实例上的同名函数是不相等的,以下代码可以 证明这一点。

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

然而,创建两个完成同样任务的 Function 实例的确没有必要;况且有 this 对象在,根本不用在 执行代码前就把函数绑定到特定对象上面。因此,大可像下面这样,通过把函数定义转移到构造函数外 部来解决这个问题。

function Person(name, age, job){
     this.name = name;
     this.age = age;     
     this.job = job;    
     this.sayName = sayName; 
     } 
 
function sayName(){
     alert(this.name); 
     } 
 
var person1 = new Person("Nicholas", 29, "Software Engineer"); 
var person2 = new Person("Greg", 27, "Doctor"); 

由于 sayName 包含的是一个指向函数的指针,因此 person1 和 person2 对象就共享了在全局作用域中定义的同一个 sayName()函数。

可是新问题又来了:在全局作用域中定义的函数实际上只 能被某个对象调用,这让全局作用域有点名不副实。如果对象需要定义很多方法,那么就要定义很多个全局函数,于是我们这个自定义的引用类型就丝毫没有封装性可言了。这些问题可以通过使用原型模式来解决。

解决方法:
把方法定义在构造函数的原型对象里面。

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值