JavaScript 符号概述

1. `()` - 小括号 (Parentheses)

小括号在 JavaScript 中主要用于 函数的定义和调用，以及 控制运算优先级。

• 函数定义与调用：使用小括号来定义函数参数并调用函数。
• 控制运算优先级：在复杂的数学表达式中使用括号控制优先级。

示例：

// 定义函数
function sayHello() {
    alert("Hello!");
}

// 调用函数
sayHello(); // 输出 "Hello!"
		

此处使用小括号定义了一个函数 `sayHello`，并通过 `sayHello()` 调用。

// 控制运算优先级
var result = (2 + 3) * 4; // 输出 20
		

2. `{}` - 大括号 (Curly Braces)

大括号用于 定义代码块，如条件语句、循环语句以及 定义对象。

• 代码块：在 `if`、`for` 等语句中包裹一段代码。
• 定义对象：用大括号来表示对象的属性集合。

示例：

// 条件语句中的代码块
if (true) {
    alert("这是代码块");
}

// 定义对象
var person = {
    name: "Alice",
    age: 25
};
		

3. `[]` - 方括号 (Square Brackets)

方括号用于 定义数组 和 访问对象的属性，尤其是在属性名为动态值时。

• 数组定义：用方括号定义一个数组。
• 访问对象属性：通过方括号访问对象的属性，特别适用于动态属性名。

示例：

// 定义数组
var fruits = ["apple", "banana", "orange"];

// 通过方括号访问对象属性
var person = {
    name: "Alice",
    age: 25
};
alert(person["name"]); // 输出 "Alice"
		

4. `:` - 冒号 (Colon)

冒号用于 对象字面量中分隔属性名和属性值，以及 解构赋值时的重命名。

• 属性名与值的分隔：在对象字面量中，用冒号将属性名和值进行关联。
• 解构赋值重命名：在解构赋值中使用冒号对变量进行重命名。

示例：

// 对象属性名和值的分隔
var person = {
    name: "Alice",
    age: 25
};

// 解构赋值重命名
var { name: personName, age: personAge } = person;
alert(personName); // 输出 "Alice"
		

5. `.` - 点操作符 (Dot Operator)

点操作符用于 访问对象的属性和方法。

• 访问属性：使用点操作符访问对象中的属性。
• 调用方法：通过点操作符调用对象中的方法。

示例：

// 定义对象并访问属性和方法
var person = {
    name: "Alice",
    age: 25,
    sayHello: function() {
        alert("Hello, my name is " + this.name);
    }
};

alert(person.name);    // 输出 "Alice"
person.sayHello();     // 输出 "Hello, my name is Alice"