1、JS现代化的标志：ES6的发布

2、表达式与语句

• 表达式是由运算符构成，并运算产生结果的语法结构。

• 程序是由语句构成，语句则是由“;（分号）”分隔的句子或命令。

• 如果在表达式后面加上一个“；”分隔符，这就被称为“表达式语句”。它表明“只有表达式，而没有其他语法元素的语句”

• 区别：

  • 表达式一般都有值，语句可能有，也可能没有
  • 语句会改变环境，如声明、赋值语句等
  • 但这两点并不是绝对的，但大多数情况都是这样的

3、标识符

• 规则：
  • 第一个字符可以是Unicode字母或 $ 或 _ 或中文
  • 后面的字符除了以上，还可以有数字，但是数字不能是第一个字符

4、if else 语句

• 语法
  • if(表达式){语句1} else{语句2}
  • {}在语句只有一句的时候可以省略，但不建议
• 变态情况
  • 表达式里可以很变态，如a=1
  • 语句1里可以很变态，如嵌套的if else
  • 语句2里可以很变态，如嵌套的if else
  • 缩进：

    

• 最推荐的写法

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

• 次推荐的写法

    function fn(){
        if(表达式){
            return 表达式
        }    
        if(表达式){
            return 表达式
        }
        return 表达式
    }

5、while循环

• 语法：whie(表达式){ 语句 }

6、for循环

• 易错案例：

for(var i=0;i<5;i++){
    setTimeout(()=>{console.log(i)})
}

最后输出：5个5（55555）

• 注意，把var改成let后，输出为：01234

7、break和continue

• break：退出所有循环
• continue：退出当前一次循环

8、label

{
    a:1
}

其中a 是一个label，他的语句就是1

9、&&短路逻辑

if(window.f1){
    console.log('f1')
}

与

window.f1 && console.log('f1')

是相同的

• A && B && C && D 取第一个假值 或者D，并不会取 true / false

10、|| 短路逻辑

• A || B || C || D 取第一个真值或者D，并不会取 true / false

11、注意空格

• 大部分空格没有实际意义，加回车大部分时候也不影响
• 只有一个地方不能加回车，那就是return后面