创建 JavaScript 对象

参考《JavaScript 高级程序设计(第3版)》 

一、工厂模式

采用广为人知的工厂模式,抽象了创建具体对象的过程,定义函数来创建对象。

说的简单点,就是定义一个可以返回一个对象的函数,然后将对象的属性方法封装在函数中。


function makeCar(id,name){
    var car = new Object();
    car.id = id;
    car.name = name;
    car.go = function(place){
        alert("go to " + place);
    }
    return car;
}

var carA = makeCar(1,"a");
var carB = makeCar(2,"b");

carA.go("HK");

注意:创建对象无需使用“new”;对象没有具体的类型,都是Object。


二、构造函数模式

在 ECMAScript 中的特定类型中,例如 Object、Array 等,都有其构造函数。

构造函数模式就是定义构造函数,通过 new 创建对象。


function Car(id,name){
    this.id = id;
    this.name = name;
    this.go = function(place){
        alert("go to "+place);
    }
}

var carA = new Car(1,"A");
carA.go("HK");

注意:构造函数并没有return,也无需创建Object对象;创建具体对象时用new;对象拥有具体的类型,可以用 instanceof 操作符;对象拥有 constructor 属性,指向对应的类型。

存在问题:实例化对象的时候会给各个对象创建各自的方法。也就是方法名虽然是相同的,但实质是不同的Function对象。这就无法实现方法的共享性。


三、原型模式与构造函数模式相结合

采用原型模式能够实现方法的共享性,但是若单纯采用原型模式,会存在以下问题:

1、构造函数无法传参数

2、引用类型的属性(如数组)会被所有对象所共享

所以很少采用单纯的原型模式。

而利用原型模式和构造函数的结合,则既可以实现方法的共享性,又能够独占属性。

构造函数用于定义私有属性,而原型则用于定义共享属性和方法。


function Student(id,name){
    this.id = id;
    this.name = name;
    this.courses = ["Math","English"];
}

Student.prototype = {
    constructor : Student,
    goToClass(class){
        alert("go to "+class);
    }
}

var mike = new Student(1,"Mike");
var john = new Student(2,"John");
mike.courses.push("Chinese");//不会影响john
john.goToClass("Math");
mike.goToClass == john.goToClass; //true


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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值