JS 中 []、{}、() 的区别

在 JavaScript 中，中括号 ([])、大括号 ({}) 和圆括号 (()）都是重要的语法元素，每种都有其独特的功能和用途。虽然它们都用于将某些元素分组，但它们在语法和语义上的差异对 JavaScript 代码的执行产生重大影响。

中括号 ([])

中括号主要用于定义和访问数组。数组是有序的元素集合，每个元素都由索引值引用。中括号还可用于访问对象属性或字符串中的字符。

• 定义数组：

const numbers = [1, 2, 3, 4, 5];

• 访问数组元素：

console.log(numbers[2]); // 输出：3

• 访问对象属性：

const person = { name: "John Doe", age: 30 };
console.log(person["name"]); // 输出：John Doe

• 访问字符串中的字符：

const str = "Hello World";
console.log(str[0]); // 输出：H

大括号 ({})

大括号主要用于定义和访问对象。对象是无序的键值对集合，每个键值对由属性名和属性值组成。大括号还可用于定义函数体、类体、条件语句块等。

• 定义对象：

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

• 访问对象属性：

console.log(person.name); // 输出：John Doe

• 定义函数体：

function greet(name) {
  console.log(`Hello, ${name}!`);
}

• 定义类体：

class Person {
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

  greet() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
}

• 定义条件语句块：

if (age > 18) {
  console.log("You are eligible to vote.");
} else {
  console.log("You are not eligible to vote.");
}

圆括号 (()

圆括号主要用于调用函数、声明函数参数、执行表达式或分组表达式。

• 调用函数：

greet("John Doe");

• 声明函数参数：

function greet(name) {
  console.log(`Hello, ${name}!`);
}

• 执行表达式：

const result = (1 + 2) * 3;
console.log(result); // 输出：9

• 分组表达式：

const numbers = [1, 2, 3, 4, 5];
const sum = (numbers[0] + numbers[1] + numbers[2]) * 2;
console.log(sum); // 输出：18

总结

中括号 ([])、大括号 ({}) 和圆括号 (()）在 JavaScript 中都有着不同的用途和语义。中括号用于定义和访问数组、对象属性或字符串中的字符。大括号用于定义和访问对象、定义函数体、类体、条件语句块等。圆括号用于调用函数、声明函数参数、执行表达式或分组表达式。