JavaScript基本语法总结

684 阅读2分钟

1. 表达式和语句

语句是为了完成某种任务而进行的操作。比如下面这一行:

var a = 1 + 1

其中的1+1就是表达式,一般指可以获取值的计算式。

语句和表达式两者的区别:

  • 语句是某种操作,不一定得到返回值;
  • 表达式是计算式,一定会得到返回值。

2. 标识符

最常见的标识符就是变量名:

var _ = 1;
var $ = 2;
var hello = 3;
// 在var后面的字符可称为标识符

JavaScript 语言的标识符对大小写敏感,所以aA是两个不同的标识符。

一般标识符的使用规则如下:

  • 第一个字符,可以是Unicode字符,美元符号($)和下划线(_)。
  • 后面的字符,还可以有数字0~9
  • 中文可以用作标识符,可以用作变量名。
var 变量 = 1;

3. 条件语句

JS主要有ifswitch两种循环结构,只有满足相应的条件,才会执行语句。switch比较少用,以下主要讲解if结构的用法。

3.1 if...else结构

if结构先判断一个表达式的布尔值,然后根据布尔值的真假,执行不同的语句。后面还可以跟else代码块,表示不满足条件时,要执行的代码。

if(a === 2){
    //满足条件执行此语句
} else {
    //不满足则执行此语句
}

以上代码判断a是否等于2,如果等于则执行if后面的语句,否则执行else后面的语句。

对同个变量进行多次判断,多个if...else语句可以连在一起写。

if (a === 2) {
    // 语句1
} else if (a === 3) {
    // 语句2
} else if (a === 4) {
    // 语句3
} else {
    // 语句4
}

4. 循环语句

循环语句用于重复执行某个操作。

4.1 while循环

while判断条件为真,就不断执行代码块。语法如下:

while (a === 3) {
    // 语句
}

4.2 for循环

for循环是while的语法糖,即为while的方便写法。语法如下:

for (表达式1; 表达式2; 表达式3) {
    // 循环体
}

for后面的括号里,有3个表达式:

  • 先执行表达式1。
  • 如果为真,执行循环体,然后执行表达式3。
  • 如果为假,退出循环,执行后面的代码。

例子如下:

var a = 4;

for (var i = 0; i < a; i++) {
    console.log(i);
}
// 运行结果:
// 0
// 1
// 2
// 3

4.3 break和continue

break用于跳出代码块或循环。

var a = 0;

while(a < 100) {
  console.log('a 当前为:' + a);
  a++;
  if (a === 10) break;
}
// 执行10次循环,a等于10的时候就跳出

continue用于立即终止本轮循环,返回循环结构的头部,开始下一轮循环。

var a = 0;

while(a < 100) {
  a++;
  if (a % 2 === 0) continue;
  console.log('a 当前为:' + a);
}
// a为奇数时,输出a的值。如果a为偶数,进入下一轮循环。

4.4 label(标签)语句

label语句用的很少,面试有可能会考,此处简略讲一下。

label相当于一个标签,允许跳转到程序的任意位置,格式如下:

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

内容来源:网道JavaScript教程