AI 赋能应用,代码定义未来
用全新 AI 数字人・智能应用・重构数字体验服务

JavaScript对象创建有哪些方式?

发表日期:2025-02-02 浏览次数:2455 来源:前端开发 编辑:Monster

1 工厂模式

1.1 创建

function createFruit(name,colors) {

    var o = new Object();

    o.name = name;

    o.colors = colors;

    o.getInfo = function () {

        console.log(this.name+"是"+this.colors+"的");

    }

    return o;

}

var apple = createFruit("苹果",["红色","黄色"]);

1.2 说明

利用水果工厂可以很容易的创建一种新的水果,每个新创建的水果都是包括两个属性和一个方法的Object。因为没有水果对象,所以不能通过instanceof得出苹果是水果的结论。


2 构造函数模式

2.1 创建

function Fruit(name,colors) {

    this.name = name;

    this.colors = colors;

    this.getInfo = function () {

        console.log(this.name+"是"+this.colors+"的");

    }

}

var apple = new Fruit("苹果",["红色","黄色"]);

2.2 说明

利用构造函数模式可以解决对象识别问题,但其主要问题是每个方法在每个实例上重新创建一遍,没有做到方法的重用。


3 原型模式

3.1 创建

function Fruit() {

}

Fruit.prototype.name = "水果";

Fruit.prototype.colors = [];

Fruit.prototype.getInfo = function () {

    console.log(this.name+"是"+this.colors+"的");

}

var apple = new Fruit();

apple.name = "苹果";

3.2 说明

原型模式没办法向构造函数传递参数,原型中所有的属性是被多实例共享的,对于引用类型的共享属性的操作可能引起突出的问题。例如向苹果的颜色属性put一个”红色”(apple.colors.push("红色")),哪么所有水果通过原型访问到的颜色都是”红色”,而这是很危险的。


4 组合模式(构造函数与原型)

4.1 创建

function Fruit(name,colors) {

    this.name = name;

    this.colors = colors;

}

Fruit.prototype = {

    constructor : Fruit,

    getInfo : function () {

        console.log(this.name+"是"+this.colors+"的");

    }

}

var apple = new Fruit("苹果",["红色","黄色"]);

4.2 说明

组合模式是最常见的创建自定义对象的方式,构造函数模式用于定义实例属性,原型模式用于定义方法和共享属性。可以最大限度的节省内存。


5 动态原型模式

5.1 创建

function Fruit(name,colors) {

    this.name = name;

    this.colors = colors;

    if(typeof  this.getInfo != "function") {

        Fruit.prototype.getInfo = function () {

            console.log(this.name+"是"+this.colors+"的");

        };

    }

}

var apple = new Fruit("苹果",["红色","黄色"]);

5.2 说明

很完美的方式,把所有信息都封装在构造函数中。只有在getInfo()方法不存在的情况下,才会将它添加到原型中。原型的这段代码只会在初次调用构造函数时才会执行。


6 寄生构造函数模式

6.1 创建

function Fruit(name,colors) {

    var o = {};

    o.name = name;

    o.colors = colors;

    o.getInfo = function () {

        console.log(this.name+"是"+this.colors+"的");

    }

    return o;

}

var apple = new Fruit("苹果",["红色","黄色"]);

6.2 说明

这种方式和工厂模式代码其实是一样的,只是函数名采用了Fruit的首字母大写的形式,并且用new来进行初始化。这种模式可以在特殊的情况下用来为对象创建构造函数。


7 稳妥构造函数模式

7.1 创建

function Fruit(name,colors) {

    var o = {};

    o.getInfo = function () {

        console.log(name+"是"+colors+"的");

    }

    return o;

}

var apple = Fruit("苹果",["红色","黄色"]);

7.2 说明

稳妥对象(durable objects)是由道格拉斯(douglas)发明。指的是没有公共属性,并且其方法也不引用this的对象。适合在安全环境中实用。


本站文章均为深正网站建设摘自权威资料,书籍,或网络原创文章,如有版权纠纷或者违规问题,请即刻联系我们删除,我们欢迎您分享,引用和转载,但谢绝直接搬砖和抄袭!感谢...
关注深正互联
填写电话 ≠ 打扰
只给您多一份选择,少一份顾虑
您可拨打以下电话联系我们技术总监
138 2888 4598
用心将技术和服务
遍布全中国乃至世界...
138-2888-4598
我们坚信无论您在哪里我们都能为您提供优质的服务!
请填写您的需求
您希望我们为您提供什么服务呢
数字人 AI应用 O2O电商 智联AioT APP开发 小程序开发 ERP/CRM系统开发 电脑系统开发
您的预算
3万-5万 5万-8万 8万-10万 10万-15万 15万以上
0.572434s