JS基本语法

109 阅读2分钟

JS基本语法

什么是表达式和语句

  • 表达式

表达式是由运算符构成,并运算产生结果的语法结构。每个表达式都会产生一个值,它可以放在任何需要一个值的地方,下面1+1就是表达式。

var a = 1 + 1;
  • 语句

语句则是由“;(分号)”分隔的句子或命令。如果在表达式后面加上一个“;”分隔符,这就被称为“表达式语句”。它表明“只有表达式,而没有其他语法元素的语句”。

var a = "abc";

标识符的规则

标识符就是变量、函数、属性或函数参数的名称。标识符可以由一个或多个字符组成

1.必须以英文字母或_或美元符开头
2.变量名可以包括英文字母、下划线、$、或数字
3.不可以用系统的关键字(有特殊语法含义的单词)、保留字(未来系统可能用它作为关键字的单词)作为变量名

if else 语句

  • 语法
if (表达式) {语句1} else {语句2}

{} 在语句只有一句的时候省略,但不建议这样做 推荐语法

if (表达式){
	语句
} else if (表达式) {
	语句
} else {
	语句
}

while for

  • 语法
while (表达式) {语句}

判断表达式的真假
1.当表达式为真,执行语句,执行完在判断表达式的真假
2.表达式为假,执行后面的语句

for 循环

  • 语法
for (语句1;表达式2;语句3){
	循环体
}

先执行语句1
然后判断表达式2
如果为真,执行循环体,然后执行语句3
如果为假,直接退出循环,执行后面的语句

break continue

  • break:跳出当前代码或循环
let num = 0;
for (let i = 0; i < 10; i++){
if (i % 5 == 0){
break;
}
num++;
}
console.log(num);

for 循环会将变量 i 由 1 递增到 10。而在循环体内,有一个 if 语句用于检查 i 能否被 5 整除(使用取模操作符)。如果是,则执行 break 语句,退出循环。变量 num 的初始值为 0, 表示循环在退出前执行了多少次。当 break 语句执行后,下一行执行的代码是 console.log(num), 显示 4。之所以循环执行了 4 次,是因为当 i 等于 5 时,break 语句会导致循环退出,该次循环不会执 行递增 num 的代码。

  • continue:终止本次循环,但会再次从循环顶部开始执行
let num = 0;
for (let i = 0; i < 10; i++){
if (i % 5 == 0){
continue;
}
num++;
}
console.log(num);

console.log 显示 8,即循环被完整执行了 8 次。当 i 等于 5 时,循环会在递增 num 之 前退出,但会执行下一次迭代,此时 i 是 6。然后,循环会一直执行到自然结束,即 i 等于 10。最终 num 的值是 8 而不是 9,是因为 continue 语句导致它少递增了一次。

label

这是一种标签语句,语法如下:

label:语句

标签可以是任意的标识符,但不能是保留字,语句部分可以是任意语句

test:for (let i = 0; i < 10; i++){
console.log(i);
}

这个例子中test是一个标签,标签语句的应用场景是嵌套循环。