JavaScript 基本语法

244 阅读3分钟

JavaScript 基本语法

表达式和语句

表达式

  • 是 JS 中的一个短语,JS 解释器会将其计算出一个值
    • 1+2表达式的值为3
    • add(1,2)表达式的值为函数的返回值
  • 一个表达式会产生一个值,在任何需要为值的地方都可以放置
  • 表达式不需要;结尾,如果加了;JS 会将其视为语句

语句

  • 是 JS 整句或者命令,用来执行以使某件事件发生
    • var a=1是一个语句
  • 语句代表着行为,一条语句中可以包含多个表达式,一个程序是由一系列可执行语句组成的
  • JS 中某些需要语句的地方,可以使用表达式代替(表达式语句)
  • 语句以;结尾,表示语句结束

注意

  • 表达式一般都有值,语句可能有也可能没有
  • 语句一般会改变环境
  • 以上两句话并不绝对

标识符

JS 中可以自主命名的都可以称之为标识符,例如:变量、函数、属性的名字,或者函数的参数。

规则

  • 第一个字符必须是 Unicode 字母或$_或中文
  • 后面的字符除包含上面所说的之外还可以为数字
  • 不能是 ES 中的关键字或保留字
  • 合法标识符:
    • var _=1
    • var $=1
    • var _____=1
    • var 你好=1

if/else 语句

if...

if(条件表达式) {
  语句1
}
  • 如果满足条件表达式,执行语句1
  • { }可以省略(但不建议)

if...else...

if(条件表达式) {
  语句1
} else {
  语句2
}

如果满足条件表达式,则执行语句1,反之则执行语句2

if...else if...else...

if(条件表达式1) {
  语句1
} else if(条件表达式2) {
  语句2
} else {
  语句3
}

如果满足条件表达式1,则执行语句1;如果满足条件表达式2,则执行语句2;如果之前的条件表达式都不满足,则执行语句3

switch(if...else... 升级版)

switch (条件表达式) {
  case "值1":
    语句1
    break;
  case "值2":
    语句2
    break;
  default:
    语句3

如果满足条件表达式的值为值1,则执行语句1;如果为值2,则执行语句2;如果都不是,则执行语句3

while/for 语句

while 循环

  • 语法:
        while(表达式) {
          语句
        }
    
  • 判断表达式的真假
  • 当表达式为真,执行语句,执行完成后再次判断表达式的真假,以此循环
  • 当表达式为假,跳出循环,执行后面的语句

for 循环

  • for 循环其实是 while 循环的语法糖(方便的写法)
  • 语法:
        for(语句1;表达式2;语句3) {
          循环体
        }
    
  • 先执行语句1
  • 然后判断表达式2的真假
  • 如果为真,执行循环体,然后执行语句3,再判断表达式2的真假,以此循环
  • 如果为假,直接跳出循环,执行后面的语句

break/continue

break 语句

  • 用于退出 switch 语句或循环语句
  • 当用于 switch 语句中时,会跳出 switch 代码块,终止执行代码
  • 当 用于循环语句时,会终止执行循环,并执行后面的代码

continue 语句

  • 用于跳过循环中的一个迭代,并继续执行循环中的下一个迭代。

  • continue 与 break 语句的区别是,break 是结束整个循环体,continue 是结束单次循环

label

语法:

标识符: 语句

标识符: 代码块

标识符就是 label