返回

JS全解之语法篇章一：精华与变态的取舍之道

前端

在纷繁复杂的编程语言领域中，JavaScript凭借其轻盈灵活的特点脱颖而出。它作为前端开发的基石，为开发者提供了丰富的语法和功能。然而，对于初学者而言，掌握JS庞大的语法体系可能是一项艰巨的任务。

本文将以独到的视角，带领各位读者深入领悟JS语法的精华所在。我们将取其精华，去其糟粕，只讲变态。通过深入浅出的讲解，旨在让读者在短时间内快速掌握JS语法的核心要点。

精华一：表达式与语句

JS中，表达式是一个计算值或产生某种副作用的语法结构，而语句则是执行某个动作的语法结构。理解这两者的区别至关重要。例如，以下代码是一个表达式：

2 + 3

它计算出5的值，但不执行任何动作。而以下代码是一个语句：

console.log(2 + 3);

它除了计算出5的值之外，还执行了输出5到控制台的动作。

精华二：标识符的规则

标识符是用来命名变量、函数和对象的。JS中标识符必须遵循以下规则：

  • 必须以字母或下划线开头
  • 只能包含字母、数字和下划线
  • 不能使用保留字（如if、else、function等）
  • 不能与数字开头

精华三：if else语句

if else语句是用来控制程序执行流程的。其基本语法如下：

if (condition) {
  // 如果条件为真，则执行的代码
} else {
  // 如果条件为假，则执行的代码
}

值得注意的是，JS中if else语句需要使用三个等号（===），以避免与赋值运算符（=）混淆。

精华四：switch语句

switch语句是用来根据不同的情况执行不同的代码块的。其基本语法如下：

switch (expression) {
  case value1:
    // 如果expression的值等于value1，则执行的代码
    break;
  case value2:
    // 如果expression的值等于value2，则执行的代码
    break;
  ...
  default:
    // 如果expression的值不等于任何case中的值，则执行的代码
}

精华五：问号冒号表达式（最简单的if else）

问号冒号表达式是一种简洁的if else语句，语法如下：

condition ? true_expression : false_expression

例如，以下代码等价于上述if else语句：

condition === true ? console.log("真") : console.log("假");

精华六：短路逻辑(&& 和 ||)

短路逻辑运算符(&& 和 ||)可以根据前一个表达式的结果来决定是否求值后一个表达式。如果前一个表达式为真，则求值后一个表达式；如果前一个表达式为假，则不求值后一个表达式。例如：

if (condition1 && condition2) {
  // 如果condition1和condition2都为真，则执行的代码
}

if (condition1 || condition2) {
  // 如果condition1或condition2有一个为真，则执行的代码
}

上述代码中的condition2将只在condition1为真时才会被求值。