【学习】JS 的基本语法

JS基本语法

JS中大小写敏感，注意不要写错

语句与表达式

JavaScript 程序的执行单位为行，一般情况下，每一行就是一个语句。

• 语句 statement
  • 语句是为了完成某种任务而进行的操作
  • 语句与以分号结尾，一个分号表示一个语句结束
• 表达式 expression
  • 表达式是指一个为了得到返回值的计算式
  • 表达式不需要分号结尾
• 语句与表达式的区别
  • 语句主要为了进行某种操作，一般情况下不需要返回值
  • 表达式则是为了得到返回值，一定会返回一个值

变量

变量是对“值”的具名引用。即变量就是为“值”起名，变量的名字就是变量名。

• JavaScript 是一种动态类型语言，变量的类型没有限制，变量可以随时更改类型
  比如var a = 1; a='hello';
• 如果声明了一个变量但是没有赋值，那么该标量的值是 undefined 。undefined是一个特殊的值，表示“无定义”

标识符

标识符 （identifier）是用来识别各种值的合法名称，最常见的标识符就是变量名和函数名

• 标识符命名规则
  • 第一个字符：可以是任意Unicode字母（包括英文字母和其他语言的字幕），以及 $ 和 _
  • 第二个字符及后面的字符：除了Unicode字母、$ 和 _，还可以用数字 0-9
  • 中文也是合法的标识符，可以用作变量名

注释

// 单行注释

/*
  这是
  多行注释
*/

区块

JavaScript 使用大括号将多个相关的语句组合在一起，称为 区块（block）

条件语句

if 结构

if (布尔值) {
  语句;
}

if…else 结构

if (m === 3) {
  // 满足条件时，执行的语句
} else {
  // 不满足条件时，执行的语句
}

switch 结构

switch (fruit) {
  case "banana":
    // ...
    break;
  case "apple":
    // ...
    break;
  default:
    // ...
}

根据变量fruit的值选择执行相应的case，如果所有case都不符合，执行最后的default部分。注意case代码块内部的break语句不能少

三元运算符 ?:

(条件) ? 表达式1 : 表达式2

如果条件为true，返回表达式1的值，否则返回表达式2的值

循环语句

while 循环

while (条件) {
  语句;
}

while语句的循环条件是一个表达式，必须放在圆括号中。代码块部分，如果只有一条语句，可以省略大括号，否则就必须加上大括号。

for 循环

for (初始化表达式; 条件; 递增表达式)
  语句

// 或者

for (初始化表达式; 条件; 递增表达式) {
  语句
}

• for 语句可以指定循环的起点、终点和终止条件
  • 初始化表达式（initialize）：确定循环变量的初始值，只在循环开始时执行一次。
  • 条件表达式（test）：每轮循环开始时，都要执行这个条件表达式，只有值为真，才继续进行循环。
  • 递增表达式（increment）：每轮循环的最后一个操作，通常用来递增循环变量。

do…while 循环

do
  语句
while (条件);

// 或者
do {
  语句
} while (条件);

do...while循环与while循环类似，唯一的区别就是先运行一次循环体，然后判断循环条件。

• 不管条件是否为真，do...while循环至少运行一次

break 语句和 continue 语句

break语句和continue语句都具有跳转作用，可以让代码不按既有的顺序执行。

• break 语句用于跳出代码块或循环
• continue 语句用于立即终止本轮循环，返回循环结构的头部，开始下一轮循环

标签 label

JavaScript 语言允许，语句的前面有标签（label），相当于定位符，用于跳转到程序的任意位置，标签的格式如下。

label:
  语句

foo: {
  console.log(1);
  break foo;
  console.log('本行不会输出');
}
console.log(2);
// 1
// 2

本文章知识点内容来源于https://www.wangdoc.com/javascript/basic/grammar.html