创建 JavaScript 对象
来源:互联网 发布:php foreach遍历数组 编辑:程序博客网 时间:2024/05/22 05:08
参考《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");//不会影响johnjohn.goToClass("Math");mike.goToClass == john.goToClass; //true
0 0
- javaScript--创建对象
- Javascript创建对象
- JavaScript中创建对象
- Javascript创建对象
- javascript 创建对象
- javascript创建createXmlHttpRequest对象
- javascript 创建自定义对象
- javascript 创建一次性对象
- JavaScript对象的创建
- JavaScript对象的创建
- javascript对象创建过程
- javascript对象的创建
- 创建 JavaScript 对象
- javascript对象创建过程
- javascript 创建对象
- JavaScript 对象创建方法
- JavaScript 创建对象
- javascript创建对象
- PHP的执行原理/执行流程
- VB.net数据库编程(09):ADO.net数据接口(下)
- Mysql 导入、导出数据命令
- 了解 Quick-Cocos2d-X 的核心
- Java Reflection 機制, 以 DisplayManager 為例
- 创建 JavaScript 对象
- windows 64位 mysql-5.6.11-winx64.zip安装
- 剑指offer:打印1到最大的n位数
- 在main()之前,IAR都做了啥?
- java对cookie的操作
- Lua查找表元素过程(元表、__index方法是如何工作的)
- asp.net中实现文件下载功能
- MongoDB常用的操作命令 不指定
- wireless_tool配置网络