JS基础---JS语法

532 阅读4分钟
  • 表达式与语句
  • 标识符
  • 注释
  • if else语句
  • while 循环
  • for 循环
  • break & continue
  • 标签(label)

1. 表达式与语句

表达式

  • 1+2表达式的值为3;
  • add(1,2)表达式值为函数add()的返回值;[函数才有返回值]
  • console.log表达式的值为console对象log函数本身;
  • console.log(3)表达式的值是console.log(3)的返回值,但是因为log函数并没有设定返回值,所以JS默认返回undefined;

语句

  • 语句(statement)是为了完成某种任务而进行的操作,比如var a = 1 + 2 ; 就是一行赋值语句。

重点

  • 表达式一般都有值,语句可能没有;
  • 语句一般会改变环境(声明、赋值);
  • JS对大小写敏感,var a 和 var A 是不同的;
  • JS大部分回车与空格没有实际意义,唯独return后面不能加回车;

2. 标识符

标识符的规则

  • 第一个字符,可以是Unicode 字母(包括英文字母和其他语言的字母)或者$ 或者_或者中文;
  • 第二个字符及后面的字符,除了Unicode 字母、美元符号和下划线,还可以用数字0-9;
  • 变量名是标识符; 例如以下都是合法的标识符:
var _ = 1
var $ = 2
var _____ = 6
var 你好 = 'hello'

3. 注释

源码中被 JavaScript 引擎忽略的部分就叫做注释,它的作用是对代码进行解释。JavaScript 提供两种注释的写法:一种是单行注释,用//起头;另一种是多行注释,放在/**/之间。

// 单行注释

/*
    多行注释
    多行注释
*/

4. if else语句

语法

if(判断条件的表达式){语句1}else{语句2}
  • if else 后面的区块 {} 的语句“只有一句”的时候是可以省略的。(else if的原理 )

  • 推荐两种写法:

// 第一种
if (表达式) {
    语句
} else if (表达式) {
    语句
} else {
    语句
}
// 第二种
function fn() {
    if (表达式) {
        return 表达式
    }
    if (表达式) {
        return 表达式
    }
    return 表达式
}

5. while 循环

语法

While语句包括一个循环条件和一段代码块,只要条件为真,就不断循环执行代码块。

while (条件)
  语句;

// 或者
while (条件) 语句;

执行过程

  1. 判断表达式的真假;
  2. 当表达式为真,执行语句,执行完后再判断表达式的真假;
  3. 当表达式为假,跳出循环,执行后面的语句;

举例:

var i = 0;

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

上面的代码将循环100次,直到i等于100为止。

注意点:

let a 0.1 
console.log(a+0.1) // 多执行几次会发现结果和想象的不一样

while(a<1){
    console.log(a)
    a + 0.1 // 因为浮点数不精确,a最接近1的值是 0.99999999999 而不会 = 1,结果就是造成死循环
}

6. for 循环

语法

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

for语句后面的括号里面,有三个表达式:

  • 初始化表达式(initialize):确定循环变量的初始值,只在循环开始时执行一次。
  • 条件表达式(test):每轮循环开始时,都要执行这个条件表达式,只有值为真,才继续进行循环。
  • 递增表达式(increment):每轮循环的最后一个操作,通常用来递增循环变量。

举例:

var x = 3;
for (var i = 0; i < x; i++) {
  console.log(i);
}
// 0
// 1
// 2

上面代码中,初始化表达式是var i = 0,即初始化一个变量i;测试表达式是i < x,即只要i小于x,就会执行循环;递增表达式是i++,即每次循环结束后,i增大1。

*所有for循环,都可以改写成while循环。上面的例子改为while循环,代码如下:

var x = 3;
var i = 0;

while (i < x) {
  console.log(i);
  i++;
}

注意点:

for语句的三个部分(initialize、test、increment),可以省略任何一个,也可以全部省略。

for ( ; ; ){
  console.log('Hello World');
}

上面代码省略了for语句表达式的三个部分,结果就导致了一个无限循环(慎用!)

7. break & continue

  • break:跳出整体循环(循环嵌套下,跳出的是离break最近的那个循环)
  • continue: 跳出本次循环,直接进入下次循环

8. 标签(label)

格式

label:
  语句

标签可以是任意的标识符,但不能是保留字,语句部分可以是任意语句; 标签通常与break语句和continue语句配合使用,跳出特定的循环。

top:
  for (var i = 0; i < 3; i++){
    for (var j = 0; j < 3; j++){
      if (i === 1 && j === 1) break top;
      console.log('i=' + i + ', j=' + j);
    }
  }
// i=0, j=0
// i=0, j=1
// i=0, j=2
// i=1, j=0

上面代码为一个双重循环区块,break命令后面加上了top标签(注意,top不用加引号),满足条件时,直接跳出双层循环。如果break语句后面不使用标签,则只能跳出内层循环,进入下一次的外层循环。