JS语法

115 阅读2分钟

一、语句和表达式

JS中表达式与语句是不同的。表达式会产生一个值,而语句通常是一种行为

//表达式
 1+2
 add(1+2)
 console.log()
 console.log(3)
 
 //语句
 var a=1;

二、标识符

使用规则

1.第一个字符,可以是Unicode字母或$或_或中文

2.后面的字符,不仅有上述所说,还有数字

三、block区块

把代码包在一起,常和if/for/while合用

{
    let a=1;
    let b=2;
}

三、JS流程控制

(一)顺序结构

顺序结构示意图

(二)分支流程控制

分支控制示意图

语法

if(条件表达式) {
    //条件成立执行代码
} else if {
    //条件不成立执行代码
    }

(三)三元表达式

语法

若条件表达式为真,则返回表达式1,否则返回表达式2

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

(四)switch

语法

表达式的值与case后面语句的值相匹配(全等),则执行语句1,否则,default

switch (表达式) {
    case value1:
        执行语句1break;
    case value1:
        执行语句2break;
       ......
    default;
}

注意

没有break不会退出switch,而是执行下一个case

switch和if,else if的区别

  • 一般情况下可以相互替换
  • case比较确定时,用switch
  • 分支较少时,用if,else if

(五)&&短路逻辑

1. A && B && C && D

取第一个假值或D

2. A || B || C || D

取第一个真值或D

四、循环

(一)for循环

语法

先执行初始化变量,然后执行条件表达式,若为真执行循环体,再执行操作表达式;若为假,直接退出循环,执行后面语句

for (初始化变量;条件表达式;操作表达式) {
    //循环体
}

e.g
for (var i=1;i<=100;i++){
    console.log("...");
}

(二)while

语法

执行条件表达式,为真,执行循环体,再次执行条件表达式;为假,则执行后面语句

while(条件表达式) {
    循环体
}

(三)do...while

语法

先执行一次循环体,再进行判断条件;循环体中包含操作表达式

do {
    循环体
}while(条件表达式)

三种循环

  • 次数相关用for
  • 复杂判断用while和do...while
  • do while至少执行一次循环体

(四)continue和break

1.continue

用于跳出本次循环,继续下一次循环(循环体continue之后的少执行一次)

for (var i=1;i<=5;i++){
    if(i==3){
        continue;    //跳出循环,直接到i++
    }console.log("这是第"+i+"数");
}

2.break

立即退出整个循环

label

表示用户界面中某个元素的说明。

标识符:{
  
}