学习记录 -- 知识点async是异步的简写，而await可以认为是async wait 的简写。 async 用于申明

1.js数组赋值问题：值传递还是引用传递？

var a = [1, 2, 3]
var b = a // 该操作后，b直接指向数组对象，不是b指向a，a再指向数组。
a = [3, 4, 5]

Q：请问b的值是多少？【b = [1, 2, 3]】

大多数人会这么想，由于数组是引用类型，因此认为答案是[3, 4, 5] ,其实我们可以把数组[3, 4, 5]看做是数组c，那么当a=c其实a已经不再指向原来的数组对象了

var a = [1, 2, 3]
var b = a
a.pop()

Q：请问b的值是多少？【b = [1, 2]】

2.js中的深拷贝和浅拷贝

首先我们先来回顾一下js数据类型：
值类型：数字、字符串、布尔、undefined、null
引用类型：数组、对象、函数

引用类型和值类型的区别：

引用类型可以对其添加属性、方法；
值类型不可以；
引用类型的复制是将其存储变量的值复制一份，但两个变量所指向的地址是一样的，所以会出现其一改变，其二也跟着改变；
值类型是复制就是在变量对象上创建一个新的值，两个值改变不会相互影响；
引用类型用instanceof() ;
值类型用typeof();

var a = 1
var b = {};
var c = [];
a.name = 'mm';
b.name = 'Adela';

a.name // undefined
b.name // "Adela"

typeof(a) // "number"
typeof(b) // "object"
typeof(c) // "object"
b instanceof Object // true
c instanceof Array // true

深拷贝方法：
① 数组： slice、concat、ES6扩展运算符实现数组的深拷贝

var arr1 = [1, 2, 3, 4]
var arr2 = arr1.slice(0)
arr2.pop() // 4
arr1 // [1, 2, 3, 4]
arr2 // [1, 2, 3]

var arr1 = [1, 2, 3, 4]
var arr2 = arr1.concat()
arr2.pop() // 4
arr1 // [1, 2, 3, 4]
arr2 // [1, 2, 3]

var arr1 = [1, 2, 3, 4]
var [...arr2] = arr1
arr2.pop() // 4
arr1 // [1, 2, 3, 4]
arr2 // [1, 2, 3]

② 对象：JSON.parse(JSON.stringify(obj1)、ES6扩展运算符实现数组的深拷贝
JSON.parse(str): parse用于从一个字符串中解析出json对象
JSON.stringify(obj):stringify()用于从一个对象解析出字符串

var obj1 = {
  name: 'Adela',
  age: '18',
}
var obj2 = JSON.parse(JSON.stringify(obj1))
obj1.name = 'mm'
obj1 // {name: "mm", age: "18"}
obj2 // {name: "Adela", age: "18"}

var obj1 = {
  name: 'Adela',
  age: '18',
}
var {...obj2} = obj1
obj1.name = 'mm'
obj1 // {name: "mm", age: "18"}
obj2 // {name: "Adela", age: "18"}

3.JavaScript作用域了解吗？有多少种？

作用域：是指你代码的上下文环境，js作用域包括全局作用域、函数作用域、块作用域（ps:这是ES6新增的）

4.说说 async 和 await

async是异步的简写，而await可以认为是async wait 的简写。
async 用于申明一个 function 是异步的，而 await 用于等待一个异步方法执行完成。

sync 会将其后的函数（函数表达式或 Lambda）的返回值封装成一个Promise 对象，而 await 会等待这个 Promise 完成，并将其resolve的结果返回出来。

async/await 的`优势`在于处理 then 链

// 假设一个业务，分多个步骤完成，每个步骤都是异步的，而且依赖于上一个步骤的结果
async function doIt() {
    console.time("doIt");
    const time1 = 300;
    const time2 = await step1(time1);
    const time3 = await step2(time2);
    const result = await step3(time3);
    console.log(`result is ${result}`);
    console.timeEnd("doIt");
}

doIt();

Async 函数的错误处理

当 async 函数中只要一个 await 出现 reject 状态，则后面的 await 都不会被执行。解决办法：可以添加 try/catch

let a;
async function correct() {
    try {
        await Promise.reject('error')
    } catch (error) {
        console.log(error)
    }
    a = await 1
    return a
}

术语
1.语法糖（Syntactic Sugar），也称糖衣语法，指在计算机语言中添加的某种语法，这种语法对语言本身功能来说没有什么影响，只是为了方便程序员的开发，提高开发效率。说白了，语法糖就是对现有语法的一个封装。

学习记录 -- 知识点