创建JavaScript对象的方式有哪些

发布时间:2022-09-27 10:48:07 作者:iii
来源:亿速云 阅读:124

这篇文章主要介绍“创建JavaScript对象的方式有哪些”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“创建JavaScript对象的方式有哪些”文章能帮助大家解决问题。

这里创建对象,主要介绍四种方式: 工厂模式、构造函数模式、原型模式、组合使用构造函数模式和原型模式。

1.工厂模式

工厂模式是用函数来封装创建对象的细节,在函数里面创建对象并返回对象,就有些像工厂里的流水线一样。

function createPerson(name,age,job){    var o = new Object();
    o.name = name;
    o.age = age;
    o.job = job;
    o.sayname = function(){
        alert(this.name);
    };    return o;
}var person1 = createPerson("a",29,"cc");var person2 = createPerson("b",26,"cc");

但是工厂模式有个缺点,就是对象识别问题,即它不知道一个对象的类型。

2.构造函数模式

构造函数模式,即通过给构造函数传递不同的参数,然后调用构造函数来创建不同对象。

function Person(name,age,job){    this.name = name;    this.age = age;    this.job = job;    this.sayname = function(){
        alert(this.name);
    };
}var person1 = new Person("a",29,"cc");var person2 = new Person("b",26,"cc");

使用自定义的构造函数,可以将它的实例标识为一种特定的类型,这正是构造函数模式胜过工厂模式的地方。

比如(instanceof用于检测对象类型):

person1 instanceof Person  //true    这里可以看到person1也是Person的实例,而工厂模式没有能具体检测对象类型的这一特定person1 instanceof Object //true    所有对象均继承自Object

构造函数模式的主要问题,就是每个方法都要在每个实例对象上重新创建一遍,j即使是同名方法或者两个方法的作用一样,而不同实例对象上的同名方法其实是不一样的,这样就造成了一种冗余,比如:

person1.sayname != person2.sayname

3.原型模式

有关原型和原型链的知识已经在点击打开链接介绍过了,这里不作过多介绍。

使用原型对象的好处就是,可以让所有对象实例共享它所包含的属性和方法。

function Person(){}
Person.prototype.name="a";
Person.prototype.age="29";
Person.prototype.job="cc";
Person.prototype.sayname = function(){
        alert(this.name);
};var person1 = new Person();var person2 = new Person();
这样person1.sayname == person2.sayname

这样一来,所有的属性和方法都是大家(所有实例)共享的了,换句话说,person1和person2访问的sayname和name等 都是同一个。

还有就是重写原型的时候,切断了现有原型与任何之前已存在的对象实例之间的联系,它们引用的仍是最初的原型。可以通过在重写原型里添加constructor:Person来建立新联系。

原型模式的问题就是共享问题,在实例或原型上改变一下,在其他实例中都会相应的改变。这样我们引入组合使用构造函数模式和原型模式。

4.组合使用构造函数模式和原型模式

组合使用中,构造函数模式用于定义实例自己的属性,原型模式用于定于方法和共享的属性。

function Person(name,age,job){    this.name = name;    this.age = age;    this.job = job;
}
Person.prototype = {    constructor: Person,    sayname: function(){
        alert(this.name);
    }
}var person1 = new Person("a",29,"cc");var person2 = new Person("b",26,"cc");

这种构造函数与原型混合的模式,是目前使用较多的。其它创建对象的方式还有动态原型模式、寄生构造函数模式、稳妥构造函数模式。

关于“创建JavaScript对象的方式有哪些”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注亿速云行业资讯频道,小编每天都会为大家更新不同的知识点。

推荐阅读:
  1. JavaScript创建对象的方式是什么
  2. PHP创建对象的方式有哪些

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

javascript

上一篇:JavaScript字符串转换成数组的代码怎么写

下一篇:如何用JavaScript获取页面元素的位置

相关阅读

您好,登录后才能下订单哦!

密码登录
登录注册
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》