详解js 创建对象的几种方法

网络编程 2021-07-04 15:50www.168986.cn编程入门

这篇文章主要介绍了js 创建对象的几种方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们狼蚁网站SEO优化随着长沙网络推广来一起学习学习吧

在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 创建对象的几种方法详解整合，希望对大家有所帮助，如果大家有任何疑问请给我留言，长沙网络推广会及时回复大家的。在此也非常感谢大家对狼蚁SEO网站的支持！

上一篇：详解小程序循环require之坑下一篇：浅谈Javascript常用正则表达式应用

详解js 创建对象的几种方法

狼蚁网络搜索

狼蚁网络导航

长沙seo优化

长沙网络营销

长沙网站建设

详解js 创建对象的几种方法

编程语言

狼蚁网络搜索

狼蚁网络导航

长沙seo优化

长沙网络营销

长沙网站建设