JS进阶初探，从“对象”概念破局

前端

2023-12-01 14:13:22

深入理解对象概念，解锁 JavaScript 进阶之门

在 JavaScript 的世界中，对象是无所不在的基本单元，从简单的变量到复杂的数据结构，都与对象息息相关。想要真正掌握 JavaScript，深入理解对象的概念和特性至关重要。

对象：JavaScript 世界中的实体

如同现实世界中形形色色的实体，JavaScript 对象也可以看作是具有特定属性和行为的个体。属性就好比对象的特征，了对象的各种特征，例如颜色、大小、形状等。而方法则是对象的行动，了对象可以做什么，例如移动、说话、计算等。

对象操作的奥秘

对象的创建和操作需要借助 JavaScript 的内置方法和语法。最常用的对象创建方法是使用 {} 花括号，还可以通过构造函数、字面量等方式创建对象。

代码示例：揭秘对象操作之道

对象创建

// 使用花括号创建对象
const person = {
  name: "John Doe",
  age: 30,
  occupation: "Software Engineer"
};

// 使用构造函数创建对象
function Person(name, age, occupation) {
  this.name = name;
  this.age = age;
  this.occupation = occupation;
}

const person2 = new Person("Jane Doe", 25, "Doctor");

// 使用字面量创建对象
const person3 = {
  name: "John Smith",
  age: 40,
  occupation: "Teacher"
};

对象属性访问和修改

// 访问对象的属性
console.log(person.name); // 输出: "John Doe"

// 修改对象的属性
person.name = "Jane Doe";
console.log(person.name); // 输出: "Jane Doe"

对象方法的调用

// 创建具有方法的对象
const calculator = {
  add: function(a, b) {
    return a + b;
  },
  subtract: function(a, b) {
    return a - b;
  }
};

// 调用对象的加法方法
console.log(calculator.add(1, 2)); // 输出: 3