在 JavaScript 中创建和使用对象370


在 JavaScript 中,对象是一种数据结构,用于存储和组织相关数据。它们被广泛用于表示真实世界的实体,如用户、产品或订单。本文将深入探讨 JavaScript 中对象的创建和使用。

创建对象

有几种方法可以在 JavaScript 中创建对象:
字面量: 使用大括号 {} 创建对象。例如:const person = { name: "John", age: 30 };
new Object(): 使用 new 关键字和 Object 构造函数创建对象。例如:const person = new Object(); = "John"; = 30;
工厂函数: 使用一个返回新对象的函数创建对象。例如:function createPerson(name, age) { return { name, age }; }
类: 使用 ES6 中引入的类语法创建对象。例如:class Person { constructor(name, age) { = name; = age; } }

对象属性

对象由键值对组成,称为属性。属性可以是任何类型的值,例如字符串、数字、数组甚至其他对象。您可以使用点运算符访问或设置对象的属性。例如:const person = { name: "John", age: 30 };
; // "John"
= 31;

对象方法

对象还可以包含方法,这是一种与对象关联的函数。方法可以访问对象的属性并执行操作。您可以使用点运算符后跟括号访问对象的函数。例如:const person = {
name: "John",
age: 30,
greet() {
(`Hello, my name is ${}!`);
}
};
(); // "Hello, my name is John!"

对象继承

ES6 中引入了对象继承的概念,它允许一个对象从另一个对象继承属性和方法。这可以使用 extends 关键字实现。例如:class Person {
constructor(name) {
= name;
}
}
class Employee extends Person {
constructor(name, salary) {
super(name);
= salary;
}
}
const employee = new Employee("John", 50000);
; // "John"
; // 50000

访问和修改对象

可以使用点运算符或方括号运算符访问和修改对象:

2024-12-22


上一篇:JavaScript 字符串长度

下一篇:进阶 JavaScript 代码特效:让你的网页脱颖而出!