深入解析JavaScript面向对象编程第一讲

2023-09-11 15:16:49

JavaScript中，对象是用来事物的，将现实的事物抽离成代码中的数据结构，可以将多个相关联的数据封装到一起，更好地事物。通过对对象概念和使用的掌握，可以提高代码的可读性和可维护性。

1. 对象的概念

在JavaScript中，对象是一个独立的实体，由键值对组成，其中键是属性名，值是属性值。属性名必须是字符串，而属性值可以是任何类型的数据，包括其他对象。

2. 创建对象

要创建对象，可以使用两种方法：

对象字面量：使用花括号{}来创建对象，其中键值对用冒号分隔，逗号分隔：

const person = {
  name: "John Doe",
  age: 30,
  city: "New York"
};

new 运算符：使用new 运算符和构造函数来创建对象：

function Person(name, age, city) {
  this.name = name;
  this.age = age;
  this.city = city;
}

const person = new Person("John Doe", 30, "New York");

3. 访问对象属性

要访问对象属性，可以使用点运算符（.）或方括号运算符（[]`）：

console.log(person.name); // "John Doe"
console.log(person["age"]); // 30

4. 修改对象属性

要修改对象属性，可以使用点运算符或方括号运算符，并为属性赋予新的值：

person.name = "Jane Doe";
person["age"] = 31;

5. 添加和删除对象属性

要添加对象属性，可以使用点运算符或方括号运算符，并为属性赋予一个新的值：

person.job = "Software Engineer";
person["hobby"] = "Hiking";

要删除对象属性，可以使用 delete 运算符：

delete person.job;
delete person["hobby"];

6. 对象方法

对象方法是对象中定义的函数，可以用来执行操作。要定义对象方法，可以在对象字面量中使用函数表达式，或在构造函数中使用原型对象：

const person = {
  name: "John Doe",
  age: 30,
  city: "New York",
  greet: function() {
    console.log(`Hello, my name is ${this.name}!`);
  }
};

person.greet(); // "Hello, my name is John Doe!"