javascript创建对象
2016-06-20 15:08
369 查看
参考《javascript高级程序设计》第六章 面向对象的程序设计
缺点:无法知道一个对象的类型
缺点:每个方法都要在每个实例上重新创建一遍
优点:让所有对象实例共享它所包含的属性和方法
缺点;它省略了为构造函数传递初始化参数这一环节,结果所有实例在默认情况下都将取得相同的属性值;原型中所有属性是被很多实例共享的,这种共享对于函数非常合适,对于那些包含基本值的属性倒也说的过去,毕竟通过在实例上添加一个同名属性,可以隐藏原型中的相应属性,然而,对于包含引用类型值的属性来说,问题就比较突出。
这种模式,是目前在ECMAScript中使用最广泛、认同度最高的一种创建自定义类型的方法。
1、工厂模式
function createPerson(name){ var o = new Object(); o.name = name; o.sayName = function(){}; return o; } var person = createPerson("hellen");
缺点:无法知道一个对象的类型
2、构造函数模式
function Person(name){ this.name = name; this.sayName = function(){}; } var person = new Person("hellen"); 优点:alert(person instanceof Person) //true
缺点:每个方法都要在每个实例上重新创建一遍
3、原型模式
function Person(){} Person.prototype.name = "hellen"; Person.sayName = function(){};
优点:让所有对象实例共享它所包含的属性和方法
缺点;它省略了为构造函数传递初始化参数这一环节,结果所有实例在默认情况下都将取得相同的属性值;原型中所有属性是被很多实例共享的,这种共享对于函数非常合适,对于那些包含基本值的属性倒也说的过去,毕竟通过在实例上添加一个同名属性,可以隐藏原型中的相应属性,然而,对于包含引用类型值的属性来说,问题就比较突出。
4、组合使用构造函数模式和原型模式
构造函数模式用于定义实例属性,而原型模式用于定义方法和共享的属性。function Person(name){ this.name = name; } Person.prototype={ constructor: Person; sayName: function(){} }
这种模式,是目前在ECMAScript中使用最广泛、认同度最高的一种创建自定义类型的方法。
相关文章推荐
- js中读写cookie
- Javascript事件冒泡
- JSPatch 使用Demo
- 免费的天气接口
- Javascript学习笔记
- JavaScript toFixed() 方法
- HTML5代码可以和jsp混合在一起
- 36、JavaScript中两个DIV的碰撞检测
- Javascript中的arguments对象
- 浅析 JavaScript 链式调用
- JavaScript中获取HTML元素值的三种方法
- js校验数字是否为小数
- 1-2新朋友你在哪里(如何插入JS)
- 解决Eclipse报errors running builder ‘javascript validator’ on project
- 35、JavaScript中DIV的完美拖拽---解决拖拽中的文字选中的问题
- javascript中的arguments对象
- Json(1)
- runtime解析json数据
- js限制页面复制,一次纠结的问题查找
- 使用video.js播放视频