竹影篱の文档

Appearance

On this page

对象 ​

关于对象

在 JavaScript 中，对象是一个拥有属性和方法的数据结构，可以通过 new 操作符或者字面量的方式来创建。对象是一种引用类型，可以包含基本数据类型、对象类型和函数类型等数据。 JavaScript 中的对象有很多种，包括：

  • Object对象：是所有对象类型的基础，可以通过字面量或者 new Object() 来创建。
  • 数组对象：是一种特殊的对象类型，可以通过字面量或者 new Array() 来创建。
  • 函数对象：函数也是一种对象类型，可以定义函数对象并且使用函数对象的属性和方法。
  • Date对象：用于处理日期和时间的对象类型。
  • RegExp对象：用于处理正则表达式的对象类型。
  • Math对象：提供了一些数学计算相关的属性和方法，例如 Math.PI、Math.random() 等等。
  • DOM对象：用于表示 HTML 文档中的元素和属性，是由浏览器提供的对象类型。 在 JavaScript 中，对象是一种非常灵活和强大的数据类型，可以用来表示各种复杂的数据结构，例如 JSON 数据、配置文件、模板等等。同时，JavaScript 也提供了丰富的内置对象和 API，方便开发者处理各种不同类型的数据和需求。

创建对象 ​

在 JavaScript 中，创建对象的方法有以下几种：

  • 使用对象字面量（Object Literal）的方式创建对象，这是一种简洁、常用的方式，可以直接在花括号中定义对象的属性和方法：
js
const person = {
  name: 'Alice',
  age: 30,
  sayHello: function() {
    console.log(`Hello, my name is ${this.name}.`);
  }
};
  • 使用构造函数（Constructor Function）创建对象，这是一种比较传统的方式，通过 new 操作符创建对象实例：
js
function Person(name, age) {
  this.name = name;
  this.age = age;
  this.sayHello = function() {
    console.log(`Hello, my name is ${this.name}.`);
  };
}
const person = new Person('Alice', 30);
  • 使用 ES6 中的类（Class）创建对象，这是一种比较新的方式，可以使用 class 关键字定义一个类，通过 new 操作符创建对象实例：
js
class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }
  sayHello() {
    console.log(`Hello, my name is ${this.name}.`);
  }
}
const person = new Person('Alice', 30);

除了上述三种方式外，JavaScript 中还有其他创建对象的方式，例如原型继承、工厂模式等等。需要根据具体场景和需求来选择合适的方式创建对象。

原型继承,工厂模式
  • 原型继承 原型继承是一种基于原型链的方式，用于创建一个新对象并继承一个已有对象的属性和方法。在 JavaScript 中，每个对象都有一个原型链，它指向其父对象，而父对象的原型链又指向其父对象的原型链，最终指向 Object.prototype 对象。我们可以通过修改对象的原型链，来实现原型继承的效果。 例如，我们可以通过以下方式创建一个新对象，并继承一个已有对象的属性和方法：
js
const parent = {
  name: 'Parent',
  sayHello: function() {
    console.log(`Hello, my name is ${this.name}.`);
  }
};
const child = Object.create(parent);
child.name = 'Child';
child.sayHello(); // 输出 "Hello, my name is Child."
  • 工厂模式 工厂模式是一种用于创建对象的模式，它通过一个工厂函数来创建对象实例，并将这些对象实例包装在一个对象中返回。工厂模式可以封装对象的创建过程，使代码更加模块化和可复用。 例如，我们可以通过以下方式创建一个工厂函数，用于创建一个新的对象实例：
js
function createPerson(name, age) {
  return {
    name: name,
    age: age,
    sayHello: function() {
      console.log(`Hello, my name is ${this.name}.`);
    }
  };
}
const person1 = createPerson('Alice', 30);
const person2 = createPerson('Bob', 25);
person1.sayHello(); // 输出 "Hello, my name is Alice."
person2.sayHello(); // 输出 "Hello, my name is Bob."

需要注意的是，工厂模式创建的对象实例与原型继承创建的对象实例不同，它们并没有共享一个原型链，因此无法实现继承和多态等特性。

访问对象属性 ​

可以使用点号 . 或方括号 [] 运算符来访问对象的属性。例如，要访问 person 对象的 firstName 属性，可以使用以下语法：

js
let firstName = person.firstName; // 使用点号运算符
let lastName = person["lastName"]; // 使用方括号运算符

这两种语法都可以用来获取对象的属性值。方括号运算符可以使用变量作为属性名称，如下所示：

js
let propertyName = "age";
let age = person[propertyName];

上述代码将属性名称存储在变量 propertyName 中，然后使用方括号运算符访问 person 对象的 age 属性。

修改对象属性 ​

可以通过以下方式修改对象的属性值：

js
person.firstName = "Jane"; // 使用点号运算符
person["lastName"] = "Smith"; // 使用方括号运算符

这两种语法都可以用来修改对象的属性值。方括号运算符可以使用变量作为属性名称。

删除对象属性 ​

可以使用 delete 关键字删除对象的属性。例如，要删除 person 对象的 age 属性，可以使用以下语法：

js
delete person.age;

迭代对象属性 ​

可以使用 for...in 循环迭代对象的属性。例如，要迭代 person 对象的所有属性，可以使用以下语法：

js
for (let propertyName in person) {
  console.log(propertyName + ": " + person[propertyName]);
}

上述代码将 person 对象的每个属性的名称和值输出到控制台。

总结 ​

JavaScript 对象是一组属性的集合，其中每个属性都有一个名称和一个值。可以使用对象字面量、构造函数或 Object.create() 方法创建对象。可以使用点号或方括号运算符访问、修改或删除对象的属性。可以使用 for...in 循环迭代对象的属性。