当前位置：首页 > news >正文

JavaScript 语法-对象

news 2025/9/3 22:33:32

对象

JavaScript 中的对象是一组键值对的集合，其中每个键都是字符串，每个值可以是任意类型。
对象是由一些属性和方法组成的集合，属性可以用来存储数据，方法可以用来操作数据。
属性和方法使用“.”来访问

// 创建一个对象
let person = {name: "John",           // 属性age: 30,                // 属性greet: function() {     // 方法console.log("Hello, my name is " + this.name);}
};// 访问属性
console.log(person.name);   // John
console.log(person.age);    // 30// 调用方法
person.greet();            // Hello, my name is John

JavaScript 中的对象是动态的，这意味着它们可以根据需要添加、删除、修改属性和方法。

// 添加属性
person.city = "New York";// 删除属性
delete person.age;// 修改属性
person.name = "Jane";// 调用方法
person.greet();            // Hello, my name is Jane

JavaScript 中的对象是可变的，这意味着它们可以被修改，而不是创建新的对象。

JavaScript 中的对象是引用类型，这意味着它们在内存中存储在堆上，而不是栈上。这意味着当一个对象被创建时，它在内存中有一个唯一的标识符，并且可以通过这个标识符来访问它。

// 创建两个对象
let person1 = person;
let person2 = person;// 修改 person1 的属性
person1.age = 30;// 打印 person2 的属性
console.log(person2.age);   // 30

在上面的例子中，person1 和 person2 指向同一个对象，当修改 person1 的属性时，person2 也会受到影响。这就是 JavaScript 中的对象是可变的原因。

JavaScript 中的对象是动态的，这意味着它们可以根据需要添加、删除、修改属性和方法。这就是 JavaScript 中的对象是动态的原因。

JavaScript 中的对象是引用类型，这意味着它们在内存中存储在堆上，而不是栈上。这意味着当一个对象被创建时，它在内存中有一个唯一的标识符，并且可以通过这个标识符来访问它。这就是 JavaScript 中的对象是引用类型。

总结：JavaScript 中的对象是一组键值对的集合，其中每个键都是字符串，每个值可以是任意类型。对象是由一些属性和方法组成的集合，属性可以用来存储数据，方法可以用来操作数据。属性和方法使用“.”来访问。JavaScript 中的对象是动态的，这意味着它们可以根据需要添加、删除、修改属性和方法。JavaScript 中的对象是可变的，这意味着它们可以被修改，而不是创建新的对象。JavaScript 中的对象是引用类型，这意味着它们在内存中存储在堆上，而不是栈上。

内置对象

JavaScript 有一些内置对象，它们是 JavaScript 运行时环境的一部分。这些对象提供了一些常用的功能，可以用来处理数据、执行常见的操作，比如字符串、数组、日期、正则表达式等。

DATE 对象：Date 对象用于处理日期和时间。
ARRAY 对象：Array 对象用于处理数组。
STRING 对象：String 对象用于处理字符串。
NUMBER 对象：Number 对象用于处理数字。

宿主对象

JavaScript 有一些宿主对象，是浏览器提供的对象，用来处理浏览器特定的功能，比如 DOM、BOM、Web Storage、Web Worker、Canvas、WebGL 等。

DOM 对象：Document Object Model（文档对象模型）是 HTML 和 XML 文档的编程接口。
BOM 对象：Browser Object Model（浏览器对象模型）提供了与浏览器进行交互的方法和属性。
Web Storage 对象：Web Storage 对象提供了一种在浏览器中存储数据的机制，可以将数据存储在本地，而不是在服务器上。
Web Worker 对象：Web Worker 对象允许 JavaScript 脚本创建多个线程，在后台运行，不会影响页面的性能。
Canvas 对象：Canvas 对象用于绘制图形。
WebGL 对象：WebGL 对象用于绘制高性能的 2D 和 3D 图形。