var obj = new Object() obj.name ='xxx' obj.age = 18 或使用对象字面量 var o1 = { name: 'xxx', say: () => {} } var o2 = { name: 'xxx', say: () => {} }
缺点:使用同一个接口创建很多对象,会产生大量重复代码
function factory(name,age) { var obj = new Object() obj.name = name obj.age = age return obj } var o1 = factory(1, 11) var o2 = factory(2, 22)
优点:解决了创建多个相似对象代码重复问题
缺点:无法识别对象是什么类型
ECMAScript中可以使用构造函数创建特定类型的对象,如Object,Array这种原生构造函数。此外,也可以创建自定义构造函数,从而定义自定义对象的属性和方法。
function Person(name, age) { this.name = name this.age = age this.sayName = function() { console.log(this.name) } } var o1 = new Person(1,11) var o2 = new Person(2,22) o1.sayName() // 1 o2.sayName() // 2
优点:构造函数模式创建的实例可以区分类型标识(instanceof 判断)
缺点:每个方法都需要在实例上重新创建,如 两个实例的sayName方法任务相同,但是实际创建了两个Function实例
function Person(name, age) { this.name = name this.age = age } function sayName () { console.log(this.name) } var o1 = new Person(1,11) var o2 = new Person(2,22) o1.sayName() // 1 o2.sayName() // 2
优点:多个实例共享在全局作用域中定义的函数,解决了两个函数做同一件事的问题
缺点:全局作用域定义的函数实际上只能被某个对象调用,全局作用域名不副实,而且如果对象需要定义很多方法,需要创建很多个全局函数,这让自定义的对象类型没有封装特性。
我们创建的每个函数都有一个protoype属性,这个属性是一个指针,指向一个对象。这个对象的用途是包含了可以由特定类型的所有实例共享的属性和方法。即prototype就是由构造函数创建的那个对象实例的原型对象。
function Person(){} Person.prototype.name = '123' Person.prototype.age = 18 Person.prototype.sayName = function() { console.log(this.name) } var o1 = new Person(1,11) var o2 = new Person(2,22) o1.sayName() // 123 o2.sayName() // 123
优点:解决了实例共享属性或事件的问题
缺点:因为实例共享属性的原因,对于值为引用类型的属性来说,一个实例的修改会导致其他实例访问值更改。如:
function Person(){} Person.prototype.name = '123' Person.prototype.age = 18 Person.prototype.friends = ['a', 'b'] Person.prototype.sayName = function() { console.log(this.name) } var o1 = new Person(1,11) var o2 = new Person(2,22) o1.friends.push('c') console.log(o2.friends) // ['a', 'b', 'c']
function Person(name, age) { this.name = name this.age = age this.friends = ['a'] } Person.prototype = { constructor: Person, sayName: function() { console.log(this.name) } } var o1 = new Person(1,11) var o2 = new Person(2,22) o1.sayName() // 1 o2.sayName() // 2
优点:每个实例有自己的属性,同时又共享着方法的引用,还支持传参数
function Person(name, age) { this.name = name this.age = age this.friends = ['a'] if(typeof this.sayName != 'function') { Person.prototype.sayName = function() { console.log(this.name) } } } var o1 = new Person(1,11) var o2 = new Person(2,22) o1.sayName() // 1 o2.sayName() // 2
优点:仅在方法不存在的时候创建一次,避免重复创建
function SpecialArray() { var o = new Array() // 添加值 o.push.apply(o, arguments) // 添加方法 o.toPipedString = function(){ return this.join('|') } return o } var o1 = new SpecialArray(1,11) o1.toPipedString() // 1|11
优点:在不更改原始构造函数的情况下为对象添加特殊方法
缺点:返回的对象与构造函数以及构造函数的原型没有任何关系,该方法与在构造函数外部创建的对象没有什么不同
function Person(name) { var o = new Object() // 添加方法 o.getName = function(){ return name } return o } var o1 = new Person(1) o1.getName() // 1
与寄生构造函数不同在于,不使用this,不使用new调用
优点:除了使用getName外没有任何方法能够访问name,在一些安全的环境使用
缺点:与工厂模式相似,无法识别对象所属类型
以上就是js 创建对象的多种方式与优缺点小结的详细内容,更多关于js 创建对象的资料请关注站长技术其它相关文章!
本文实例讲述了php设计模式之适配器模式。分享给大家供大家参考,具体如下: 星...
关于git是什么我想我也不用多说什么,其实关于git的操作在他们的官网上有详细的...
环境:wamp,redis 要求:安装WAMP,Redis,以及为PHP安装Redis扩展 秒杀功能大...
IT之家3月5日消息微软免费工具集 PowerToys 今日发布了 v0.33.1 版 。新版本的变...
本文实例讲述了JSP页面传值乱码过滤方法。分享给大家供大家参考,具体如下: 1....
众所周知在默认参数情况下Linux对高并发支持并不好,主要受限于单进程最大打开文...
我们使用tp或者yii2的时候,会将网站的前台和后台按照模块分组。yii2的高级模板...
ajax分页效果图如下: 首先,先看 HTML 代码和 CSS 代码,我们需要一个 table 和...
本文实例讲述了jsp+Servlet编程实现验证码的方法。分享给大家供大家参考,具体如...
本文实例讲述了Laravel5.1 框架模型创建与使用方法。分享给大家供大家参考,具体...