极客前沿

JavaScript对象入门:4种创建方法一步步学

2026-07-14 01:31
DEV Tutorial
查看原文

零基础学会JavaScript对象的4种创建方法,包括字面量、构造函数、Object.create和Object.assign,附简单示例。

对象是JavaScript中用来存储相关数据的一种结构,就像一个小盒子,里面可以放各种东西(数据)。每个东西都有一个名字(键),通过名字就能找到它。对象里的数据可以是数字、文本、其他对象,甚至函数(函数在对象里叫方法)。对象很灵活,你可以随时添加、修改或删除里面的东西。

方法一:使用字面量语法(最简单)

这是最常用的创建对象方式,用花括号{}直接写。花括号就像对象的“外壳”,里面放键值对,用逗号隔开。

  1. 打开你的代码编辑器(比如VS Code)或浏览器控制台。
  2. 输入以下代码:
    let laptop = { brand: 'Dell', ram: '8GB', price: 5000 };
  3. 运行代码,你就创建了一个名为laptop的对象,包含品牌、内存和价格三个属性。

方法二:使用构造函数

new Object()先创建一个空对象,然后手动添加属性。适合需要分步创建的情况。

Tutorial Image
  1. 输入:
    let laptop = new Object();
  2. 然后添加属性:
    laptop.brand = 'Dell';
    laptop.ram = '8GB';
    laptop.price = 5000;
  3. 结果和方法一相同。

方法三:使用Object.create(继承)

如果你想新对象“复制”另一个对象的属性,可以用Object.create。比如先有一个动物对象,再创建一个猫对象继承它的特性。

  1. 创建父对象:
    let animal = { diet: 'meat', saySomething: function() { console.log('...'); } };
  2. 创建子对象并继承:
    let cat = Object.create(animal);
    cat.diet = 'fish'; // 修改自己的属性,不影响父对象
  3. 现在cat既有自己的diet,又继承了saySomething方法。

方法四:使用Object.assign(合并)

如果你想把多个对象的属性合并到一个新对象,用Object.assign。比如把课程和老师的信息合并成一门课。

  1. 创建两个源对象:
    let lesson = { name: 'Math', duration: 2 };
    let teacher = { name: 'Alice', age: 30 };
  2. 合并到新对象:
    let course = Object.assign({}, lesson, teacher);
  3. 现在course包含所有属性:name被teacher覆盖为'Alice',因为teacher在后面。

现在你已经学会了4种创建对象的方法。下一步可以尝试在对象里添加函数(方法),或者用for...in循环遍历对象的属性。动手试试吧!

内容来源

DEV Tutorial

发布时间

2026-07-14 01:31

返回 AI技术