详解js 创建对象的几种方法
在js中创建对象的方法可分为6种，分别是：基本模式、工厂模式、构造函数模式、原型模式、组合模式、动态原型模式，接下来分别看下这几种模式的写法吧
一、基本模式
var person = new Object();
person.name = "孙悟空";
person.weapon = "棒子";
person.run = function () { return this.name + "武器是" + person.weapon;
}
二、工厂模式
function creatPerson(name, weapon) { var person = new Object();
person.name = "孙悟空";
person.weapon = "棒子";
person.run = function () { return this.name + "武器是" + person.weapon;
} return person;
}
缺点：1、实例之间没有联系；2、没有使用new关键字；3、会造成资源的浪费，每生成一个实例都会都会增加一些重复的内容
缺点3如何理解呢：在多次调用creatPerson方法时，创建对象的方法run会生成多个，虽然多个对象的方法都是一样的。
构造函数解决了多个实列之间没有联系的问题，可以用instanceof判断
三、构造函数模式
function creatPerson(name, weapon) { this.name = name; this.weapon = weapon; this.run = function () { return this.name + "武器是" + this.weapon;
}
} //调用创建对象
var wukou =new creatPerson("孙悟空", "棒子");
缺点：没有解决工厂模式浪费内存的缺点，每创建一个对象会增加很多重复的东西
为了解决这个问题请看原型模式
四、原型（Prototype）模式
js中规定，每一个构造函数都有一个prototype属性，指向另一个对象，这个对象的所有属性和方法，都会被构造函数的实例继承，可以把那些不变的属性和方法直接定义在prototype对象上
function personObj() { }
personObj.prototype.name = "孙悟空";
personObj.prototype.weapon = "棒子";
personObj.prototype.run = function () { return this.name + "武器是" + this.weapon;
} //创建对象
var person = new personObj(); //原型模式的另一种写法 function personObj() { }
personObj.prototype = {
constructor: personObj,//强制指回personObj
name: "孙悟空",
weapon: "棒子",
run: function () { return this.name + "武器是" + this.weapon;
}
}
缺点：构造函数没有参数，不能传参初始化值，因为不同的对象可能只共享方法，但是不会共享属性，为了解决这个问题请看构造函数和原型模式的组合模式，还解决了前面的所有缺点，Jquery就是使用的这种方法
五、组合模式
这样，不同的实例可有自己特有的属性，还有共享的方法
function personObj(name,weapon) { this.name = name; this.weapon = weapon;
}
personObj.prototype = {
run: function () { return this.name + "武器是" + this.weapon;
}
} //创建对象
var wukou = new personObj("孙悟空", "棒子");
虽然这种创建对象的方式已经够我们使用了，平时使用这方式也没有问题的，当然还有一点小问题：对象中的属性和方法是分开的，请看动态原型方法
六、动态原型模式
function personObj(name, weapon) { this.name = name this.weapon = weapon if (typeof this.run != "function")
{
personObj.prototype = {
run: function () { return this.name + "武器是" + this.weapon;
}
}
}
}
//创建对象
var wukou = new personObj("孙悟空", "棒子");
函数中使用 if (typeof this.run != "function") 目的是为了防止创建多个对象时，方法执行多次
以上所述是小编给大家介绍的js 创建对象的几种方法详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持！
相关文章
下面小编就为大家带来一篇用JavaScript获取页面文档内容的实现代码。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧2016-06-06
这篇文章主要介绍了浅谈javascript原型链与继承的相关资料,需要的朋友可以参考下2015-07-07
这篇文章主要为大家详细介绍了JS实现canvas简单小画板功能，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-06-06
这篇文章主要为大家详细介绍了微信小程序实现多层级复选框菜单，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-07-07
Webpack通过“暂时性引用”特性处理ES6模块的循环依赖,即在模块加载时创建占位符,确保模块能够正确加载,本文介绍Webpack打包过程中如何处理ES6模块的循环依赖,感兴趣的朋友一起看看吧2025-02-02
最近回头看看自己以前写的游戏代码，总结出几个可以优化改进的地方，当然还有很多地方需要优化，还希望大家指出来。2010-11-11
本文主要介绍了js实现简易垂直滚动条的示例代码，具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
JS和jQuery通过this获取html标签中的属性值(实例代码)
本文通过实例代码给大家分享JS和jQuery通过this获取html标签中的属性值，非常不错，具有参考借鉴价值，需要额朋友参考下吧2017-09-09
这篇文章主要介绍了Json实现传值到后台代码实例,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下2020-06-06
这篇文章主要为大家详细介绍了js+html5实现复制文字按钮，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-07-07
最新评论