数组

主要讲解一些新的方法：

arr.forEach(回调函数，this指向谁)：

forEach()

arr.map(回调函数，this指向谁)：

    正常情况下配合return使用，返回一个新的数组。如果不使用return，类似于forEach()。

map()

arr.filter()：过滤，如果return返回true，就留下来。

filter()

arr.some()：筛选，存在一个元素满足条件，返回true。否则为false。

some()

arr.every():筛选，所有元素满足条件，返回true。否则为false。

every()

arr.reduce()：从左往右，阶乘、累加

reduce()

arr.reduceRight():从右往左，阶乘、累加

reduceRight()

for(let 变量 of  数组)：

arr.values()、arr.keys()、arr.entries()

for(let  x of arr)

Array.from():可以将类数组之类(类数组需要具有length属性)的转换成数组。

Array.of():可以将一列数转换成数组。

    例子 let arr=Array.of('apple','orange','bananas')   // ['apple','orange','bananas']

arr.find():查绚满足条件的第一个元素,如果没有查找到就返回一个undefined

find()

arr.findIndex()：查询满足条件的第一个元素的索引,如果没有查找到就返回一个-1。

arr.fill(填充的东西，开始位置，结束位置)：填充

fill()

arr.includes():是否包含某个元素，返回true或false

includes()

对象简洁语法以及对象新增：

简写：

对象简写

Object.is():比较两个对象是否相等

is()

Object.assign():用来合并对象

    主要用途：1、克隆对象，2、添加默认选项

assIgn()

如果在上述代码中，在进行操作Object.assign(jsonCopy,json)后，jsonCopy的值为{name: "校长", age: "25", birth: "1996-10-23"}

Object.keys()、Object.entries()、Object.values():

Object.keys()、Object.entries()、Object.values()

对象的解构赋值：

对象的解构赋值

拷贝

不会进行深拷贝

不会进行深拷贝

深拷贝

Promise:

作用：解决异步回调问题（多层嵌套ajax），传统模式，大部分用回调函数，事件

语法：

    new Promise(function(resolve,reject)){

         // resolve 成功调用，reject失败调用

    }

简单使用

Promise.resolve():将现有东西，转成一个promise对象，resolve状态，成功状态。

Promise.reject():将现有的东西，转成一个romise对象，reject状态,失败状态。

Promise.all([])：把promise打包，扔到一个数组里面，打包完还是一个promise对象    

      必须确保，所有的promise对象，都是resolve状态

Promise.al

如果存在reject状态，catch打印第一个错误。

如果存在reject状态，执行catch

Promise.race([]):把promise打包，扔到一个数组里面，打包完还是一个promise对象    

执行数组第一个的状态

模拟后台交互：

    用户登录成功后，获取用户信息；登陆失败，不进行获取用户信息操作。如果status状态为fail时，控制台打印结果：“用户登陆失败”；如果status状态为success时，控制台打印结果为：“用户登陆成功”，“获取用户信息成功”

用户登录成功后，获取用户信息  

模块化：

注意：需要放到服务器环境

如何定义模块化？使用 export

如何使用？使用import

使用模块：<script type="module"></script>

import特点：

    import可以是相对路径，也可以是绝对路径。

    import模块只会导入一次。

    有提升效果，import会自动提升到顶部，首先执行。

    导出去模块内容，如果里面有定时器更改，外面也会改动，不像Common规范缓存。

module1.js

index.js

模块也可以这样写：

module1.js

index.js

注意：

module1.js中：

    export default 20

    export aa = '张三’

index.js中：

    import a，{aa} from './module/module1.js'

    console.log(a,aa) // 20 '张三'

重点：

    import() 类似于node里面的require，可以动态引入，默认import语法不能写到if之类的里面。返回值是一个promise对象。

例子：

    import ('./module/module1.js').then(res=>{

        console.log(res.name)

    });

优点：

    1、按需加载

    2、可以写if中

    3、路径也可以动态

简单案例

动态修改模块

结合Promise.all()

结合async、await