JS基础语法

ES 6之前的版本都是垃圾，ES 6为了兼容之前的版本所以带有一半垃圾
ES 2019与ES 6 差别不大
下面讲的都是ES 6版本

表达式和语句

• 1+2表达式的值是3
• add(1,2)表达式的值是函数的返回值
• console.log(3)的值是Undefined，因为返回值是undefined.虽然的确会打印3

JS大小写敏感

回车

• 回车在大部分没有实际影响
• 只有一个地方不能加回车，那就是return后面, 否则会返回undefiend

标识符（变量名属于标识符）

其他标识符用到再说
规则如下：

• 第一个字符，可以是任意Unicode字母（包括英文字母、希腊字母、中文）、下划线、$符。
  不可以是数字开头
• 第二个字符及后面的字符，除了 Unicode 字母、美元符号和下划线，还可以用数字0-9

注释

• 语法和其他语言一样
• 注释不是越多越好
• 因为什么业务场景所以代码会写的这么奇怪，这可以写注释
• 踩过的坑，遇到的bug可以写注释

if语句

if(表达式){}中的{}在只有一个语句时可以省略（不建议这样写），注意有时候一行可能有两个语句

缩进可以非常变态，面试题故意省略花括号：

const a = 1;
if (a === 2)
    console.log('a')
    console.log('a等于2')

最终的结果会打印出 a等于2 ，if语句实际上只作用于console.log('a')

Switch语句

不推荐使用
每个case都需要写一个break，除非你要贯穿执行好几个case

&&（与）短路逻辑

有一个假的就不看后面的式子
常用写法：
fn&&fn()
fn存在就调用，不存在就不用

||（或）短路逻辑

有一个真的就不看后面的式子

a||b
等价于
if(!a) {
  b
}

常见的应用场景就是给a设定默认值（保底值）

a = a || 100
意思是如果a存在，就a=a即什么都不做, 如果a不存在, a=100
等价于
if (a) {
 a = a
} else {
 a = 100
}

while循环

面试题

let a = 0.1;
while (a !== 1) {
    console.log(a)
    a = a + 0.1
}

由于浮点数的计算不精确，所以以上代码会死循环

for循环

面向面试：

for (let i = 0; i < 5; i++) {
    console.log(i)
}
请问这里打印出的i是多少？
i是undefined. 因为Let声明的变量不会变量提升

setTimeout就是过一段时间执行
for (var i = 0; i < 5; i++) {
    setTimeout(()=>{
        console.log(i)
    }, 0)
}

会打印出5次5

我们已经知道for (var i = 0; i < 5; i++) {}执行完毕后，i的值是5

而setTimeout就是过一段时间执行， 而for循环是当前任务，所以这段代码意思就是说等到for循环执行完毕了，再打印5次i，所以就会打印5个5

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

当把var 换成 let, 就会打印出 0, 1, 2, 3, 4
因为js为了满足一些人的普通思维故意弄了另一套for机制

label

几乎不用，只有面试5%可能考

{
    a:1;
}

• 意思是有一个代码块，代码块里有一个label（标签）
• a: 1 表示这个标签是a, a的值是1
• 以上代码不是一个对象

foo: {
    console.log(1)
    break foo;
    console.log('本行不会输出')
}
console.log(2)

foo 表示 label的标识符是 foo, break foo 表示退出当前的Label, 所以代码会输出1， 2