JavaScript对象入门:4种创建方法一步步学
零基础学会JavaScript对象的4种创建方法,包括字面量、构造函数、Object.create和Object.assign,附简单示例。
对象是JavaScript中用来存储相关数据的一种结构,就像一个小盒子,里面可以放各种东西(数据)。每个东西都有一个名字(键),通过名字就能找到它。对象里的数据可以是数字、文本、其他对象,甚至函数(函数在对象里叫方法)。对象很灵活,你可以随时添加、修改或删除里面的东西。
方法一:使用字面量语法(最简单)
这是最常用的创建对象方式,用花括号{}直接写。花括号就像对象的“外壳”,里面放键值对,用逗号隔开。
- 打开你的代码编辑器(比如VS Code)或浏览器控制台。
- 输入以下代码:
let laptop = { brand: 'Dell', ram: '8GB', price: 5000 }; - 运行代码,你就创建了一个名为laptop的对象,包含品牌、内存和价格三个属性。
方法二:使用构造函数
用new Object()先创建一个空对象,然后手动添加属性。适合需要分步创建的情况。
- 输入:
let laptop = new Object(); - 然后添加属性:
laptop.brand = 'Dell';
laptop.ram = '8GB';
laptop.price = 5000; - 结果和方法一相同。
方法三:使用Object.create(继承)
如果你想新对象“复制”另一个对象的属性,可以用Object.create。比如先有一个动物对象,再创建一个猫对象继承它的特性。
- 创建父对象:
let animal = { diet: 'meat', saySomething: function() { console.log('...'); } }; - 创建子对象并继承:
let cat = Object.create(animal);
cat.diet = 'fish'; // 修改自己的属性,不影响父对象 - 现在cat既有自己的diet,又继承了saySomething方法。
方法四:使用Object.assign(合并)
如果你想把多个对象的属性合并到一个新对象,用Object.assign。比如把课程和老师的信息合并成一门课。
- 创建两个源对象:
let lesson = { name: 'Math', duration: 2 };
let teacher = { name: 'Alice', age: 30 }; - 合并到新对象:
let course = Object.assign({}, lesson, teacher); - 现在course包含所有属性:name被teacher覆盖为'Alice',因为teacher在后面。
现在你已经学会了4种创建对象的方法。下一步可以尝试在对象里添加函数(方法),或者用for...in循环遍历对象的属性。动手试试吧!
内容来源
DEV Tutorial
发布时间
2026-07-14 01:31