JS 的基本语法

115 阅读2分钟

1. 什么是表达式和语句

var a = 1 + 3;

语句是为了完成某种任务而进行的操作,例如上面的代码就是完整的语句。其中1+3就是表达式,是为了得到返回值的表达式。

2. 标识符的规则

标识符指的是用来识别各种值的合法名称。最常见的标识符就是变量名,以及后面要提到的函数名。JavaScript 标识符是区分大小写的,a和A是不同的。

命名规则:

  • 第一个字符,字母以及美元符号($)和下划线(_)。
  • 第二个字符及后面的字符,除了上面提到的,还可以用数字。
  • 中文是可以的,var 中文变量 = 1;
  • 以下js保留字不可以作为表示符:
argumentsbreakcasecatchclassconstcontinuedebuggerdefaultdeletedoelse、enum、evalexportextendsfalsefinallyforfunctionif、implements、importininstanceof、interface、letnewnull、package、private、protected、public、returnstaticsuperswitchthisthrowtruetrytypeofvarvoidwhilewithyield

3. if else 语句

if (m === 1) {
   console.log('hello')// 满足条件时,执行的语句
} else {
   console.log('world')// 不满足条件时,执行的语句
}

4. while for 语句

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

var i = 0;

while (i < 10) {
  console.log('i 当前为:' + i);
  i = i + 1;
}

image.png
放到控制台执行,循环了十次,当i=10,无法执行打印操作为止。

死循环,无限循环

while (true) {
  console.log('Hello, juejin.cn');
}

放到控制台执行,因为条件总是为真,无限循环执行,容易导致浏览器奔溃卡死,只能强制关闭。 image.png

for循环语句是循环语句的一种,包含初始表达式,条件表达式,递增表达式,语句。

var x = 10;
for (var i = 0; i < x; i++) {
  console.log(i);
}

放到控制台执行: image.png

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

5. break语句和continue语句

break语句用于打破循环

var i = 0;

while(i < 20) {
  console.log('i 当前为:' + i);
  i++;
  if (i === 10) break;
}

image.png 如图,上面的代码只执行了十次,当i=10,打破循环不再执行。

continue语句

var i = 0;

while (i < 10){
  i++;
  if (i % 2 === 0) continue;
  console.log('i 当前为:' + i);
}

image.png 当i为奇数时,就打印。当i为偶数时,跳回头部继续循环。

6. label

JavaScript 允许语句的前面有标签(label),label不能是保留字,相当于定位符,用于位置,通常用在双重循环语句下,标签的格式如下。

label:
  语句
outer:
  for (var i = 0; i < 5; i++){
    for (var j = 0; j < 5; j++){
      if (i === 1 && j === 1) break outer;
      console.log('i=' + i + ', j=' + j);
    }
  }

image.png

参考资料