导读:本期聚焦于小伙伴创作的《JavaScript对象创建方式有哪些?设计模式如何应用其中?》,敬请观看详情,探索知识的价值。以下视频、文章将为您系统阐述其核心内容与价值。如果您觉得《JavaScript对象创建方式有哪些?设计模式如何应用其中?》有用,将其分享出去将是对创作者最好的鼓励。

JavaScript中对象创建的方式多种多样,不同的创建方式适用于不同的开发场景,结合设计模式的应用还能进一步提升代码的规范性和可扩展性,下面我们就来详细梳理相关内容。

JavaScript对象创建方式有哪些?设计模式如何应用其中?

常见的JavaScript对象创建方式

1. 对象字面量

这是最简单的对象创建方式,直接通过大括号定义对象的属性和方法,适合创建单个、结构简单的对象。

// 对象字面量创建对象
const person = {
    name: '张三',
    age: 25,
    sayHello: function() {
        console.log('你好,我是' + this.name);
    }
};
person.sayHello(); // 输出:你好,我是张三

2. 构造函数创建

通过定义构造函数,使用new关键字实例化对象,适合创建多个结构相同的对象,能实现属性和方法的复用。

// 定义构造函数
function Person(name, age) {
    this.name = name;
    this.age = age;
    this.sayHello = function() {
        console.log('你好,我是' + this.name);
    };
}
// 实例化对象
const person1 = new Person('李四', 28);
const person2 = new Person('王五', 30);
person1.sayHello(); // 输出:你好,我是李四
person2.sayHello(); // 输出:你好,我是王五

3. Object.create()方法

该方法以指定对象为原型创建新对象,新对象会继承原型对象的所有属性和方法,适合需要基于已有对象扩展的场景。

// 原型对象
const personProto = {
    sayHello: function() {
        console.log('你好,我是' + this.name);
    }
};
// 基于原型创建对象
const person3 = Object.create(personProto);
person3.name = '赵六';
person3.sayHello(); // 输出:你好,我是赵六

设计模式在对象创建中的应用

工厂模式应用

工厂模式的核心是将对象创建的逻辑封装起来,对外提供统一的创建接口,避免重复编写对象创建代码,适合需要批量创建同类型但属性有差异的对象场景。

// 工厂函数创建对象
function createPerson(name, age, job) {
    const obj = new Object();
    obj.name = name;
    obj.age = age;
    obj.job = job;
    obj.introduce = function() {
        console.log('我是' + this.name + ',今年' + this.age + '岁,职业是' + this.job);
    };
    return obj;
}
// 调用工厂函数创建对象
const worker = createPerson('小明', 26, '程序员');
const teacher = createPerson('小红', 32, '教师');
worker.introduce(); // 输出:我是小明,今年26岁,职业是程序员
teacher.introduce(); // 输出:我是小红,今年32岁,职业是教师

工厂模式隐藏了对象创建的细节,调用方只需要传入需要的参数即可获取对应对象,降低了代码的耦合度。

原型模式应用

原型模式是利用对象的原型继承特性,将可复用的属性或方法放在原型对象上,所有实例共享这些属性和方法,减少内存占用。

// 构造函数
function Animal(name) {
    this.name = name;
}
// 将共用方法放在原型上
Animal.prototype.eat = function() {
    console.log(this.name + '在吃东西');
};
Animal.prototype.sleep = function() {
    console.log(this.name + '在睡觉');
};
// 实例化对象
const cat = new Animal('小猫');
const dog = new Animal('小狗');
cat.eat(); // 输出:小猫在吃东西
dog.sleep(); // 输出:小狗在睡觉
// 验证方法是否共享
console.log(cat.eat === dog.eat); // 输出:true

这种方式下,所有实例的eatsleep方法都指向同一个内存地址,避免了每个实例都创建一份相同的方法,提升了性能。

单例模式应用

单例模式保证一个类只有一个实例,并且提供全局访问点,适合需要全局唯一对象的场景,比如全局配置对象、全局状态管理等。

// 单例模式实现全局配置对象
const Config = (function() {
    let instance;
    function init() {
        // 私有属性和方法
        const privateConfig = {
            baseUrl: 'https://ipipp.com/api'
        };
        return {
            // 公有方法,获取配置
            getBaseUrl: function() {
                return privateConfig.baseUrl;
            },
            // 公有方法,设置配置
            setBaseUrl: function(url) {
                privateConfig.baseUrl = url;
            }
        };
    }
    return {
        getInstance: function() {
            if (!instance) {
                instance = init();
            }
            return instance;
        }
    };
})();
// 获取单例实例
const config1 = Config.getInstance();
const config2 = Config.getInstance();
console.log(config1 === config2); // 输出:true
console.log(config1.getBaseUrl()); // 输出:https://ipipp.com/api

单例模式通过闭包保存唯一实例,避免了重复创建对象带来的资源浪费,也保证了全局数据的一致性。

不同创建方式的选择建议

我们可以根据具体场景选择合适的对象创建方式:

  • 只需要创建单个简单对象时,优先使用对象字面量,写法简洁直观
  • 需要创建多个同类型对象,且不需要复杂的创建逻辑时,使用构造函数创建
  • 需要基于已有对象扩展新对象时,选择Object.create()方法
  • 需要批量创建对象且创建逻辑较复杂时,应用工厂模式
  • 需要共享方法、减少内存占用时,结合原型模式使用
  • 需要全局唯一对象时,使用单例模式

合理选择对象创建方式并应用对应的设计模式,能让我们的JavaScript代码更加规范、易维护,也能减少不必要的错误和资源消耗。

JavaScript对象创建设计模式工厂模式原型模式修改时间:2026-07-02 17:30:42

免责声明:​ 已尽一切努力确保本网站所含信息的准确性。网站内容多为原创整理与精心编撰,观点力求客观中立。本站旨在免费分享,内容仅供个人学习、研究或参考使用。若引用了第三方作品,版权归原作者所有。如内容涉及您的权益,请联系我们处理。
内容垂直聚焦
专注技术核心技术栏目,确保每篇文章深度聚焦于实用技能。从代码技巧到架构设计,为用户提供无干扰的纯技术知识沉淀,精准满足专业提升需求。
知识结构清晰
覆盖从开发到部署的全链路。AI、前端、编程、数据库、服务器、建站、系统层层递进,构建清晰学习路径,帮助用户系统化掌握开发与运维所需的核心技术。
深度技术解析
拒绝泛泛而谈,深入技术细节与实践难点。无论是数据库优化还是服务器配置,均结合真实场景与代码示例进行剖析,致力于提供可直接应用于工作的解决方案。
专业领域覆盖
精准对应开发生命周期。从前端界面到后端编程,从数据库操作到服务器运维,形成完整闭环,一站式满足全栈工程师和运维人员的技术需求。
即学即用高效
内容强调实操性,步骤清晰、代码完整。用户可根据教程直接复现和应用于自身项目,显著缩短从学习到实践的距离,快速解决开发中的具体问题。
持续更新保障
专注既定技术方向进行长期、稳定的内容输出。确保各栏目技术文章持续更新迭代,紧跟主流技术发展趋势,为用户提供经久不衰的学习价值。