JavaScript中如何创建对象_构造函数和字面量的区别-js教程-PHP中文网

JavaScript中如何创建对象_构造函数和字面量的区别

幻影之瞳

发布： 2025-12-05 19:35:02

原创

760人浏览过

JavaScript创建对象最常用构造函数和字面量：字面量适合一次性简单对象，语法简洁但方法不共享；构造函数支持批量实例化、原型继承与方法复用，适用于多对象场景。

javascript中如何创建对象_构造函数和字面量的区别

JavaScript中创建对象最常用的是构造函数和字面量两种方式，核心区别在于：字面量更简洁、适合一次性简单对象；构造函数更适合批量创建结构相同、带方法的实例，且天然支持原型继承。

用 {} 直接定义，语法短、可读性强，所有属性和方法都写在大括号里。它本质是调用 Object() 构造函数的语法糖，每次都是独立的新对象，彼此不共享方法或状态。

例如：

const user = {
  name: "张三",
  age: 25,
  greet() { return `你好，我是${this.name}`; }
};

注意：如果多个字面量对象都有同名方法（比如都写了 greet），这些方法会各自占用内存，无法复用。

用 function 定义，配合 new 调用，能批量生成结构一致的对象。关键优势是方法可以挂载到 prototype 上，所有实例共享同一份方法，节省内存。

ChatDOC

ChatDOC是一款基于chatgpt的文件阅读助手，可以快速从pdf中提取、定位和总结信息

262

例如：

这样 u1 和 u2 共享同一个 greet 方法，不是各自拷贝一份。

箭头函数没有 prototype，也不绑定 this，所以不能用 new 调用。试图这样做会直接报错：TypeError: xxx is not a constructor。构造函数必须是传统 function 声明或 class。

基本上就这些。不复杂但容易忽略细节：字面量方便，构造函数管“批量”和“复用”。按需选择就行。

以上就是JavaScript中如何创建对象_构造函数和字面量的区别的详细内容，更多请关注php中文网其它相关文章！

大家都在看：