个人笔记，Es6和vue基础

1.ES6模块化

es6模块化规范，是一个官方提出的模块化规范，降低学习难度和开发成本，是浏览器端和服务器端通用的模块化开发规范

es6模块化定义：

每个js文件都是独立的模块

导入其他模块需要使用 import 关键字

向外共享成员使用 export 关键字

在node中想要使用es6模块化规范，保证安装的node为最新版，

在package.json根节点中添加：“type”:“modele”

1.基本语法

默认导出和默认导入：

expect default {默认导出的成员}

在每个模块中，只能使用一次默认导出

import 导入名 from ‘模块路径’

导入名需要是合法名称，最好是模块名

按需导出和按需导入：

export 需要导出的成员

按需导出可以多次使用，

import {按需导入的成员名，按需导入的成员名} form ‘模块路径’

按需导入成员名需要与按需导出的相同，可以使用as关键字重命名

按需导入可以和默认导入一起使用

直接导入并执行模块中的代码：

import ‘模块路径’

2.promise

promise可以防止多层回调函数的互相嵌套，形成回调地狱的问题

promise是一个构造函数，new出来的实例对象代表异步操作

promise的原型对象上包含了一个.then（）方法，用来预先指定成功和失败的回调函数

实例对象.then（result =>{成功的函数},errer =>{失败的函数}）

失败的回调函数是可选的

node中官方提供的fs模块只支持使用回调函数读取文件，不支持promise，因此想要安装then-fs这个第三方包支持使用

npm i then-fs

这样可以使用thenFS的方法(返回promise)：

thenFs.readFile（‘路径’，‘编码’）.then（res => {}）

如果上一个.then方法返回了一个新的promise对象，则可以继续调用.then方法，按顺序连续处理，防止回调地狱

如果发生错误，可以在最后添加.catch(err)方法，err.message就是错误的信息

如果不希望前面的错误导致后面的代码无法执行，则可以提前.catch

发起并行的异步操作，等所有的异步操作结束后才会执行下一步：

Promise.all（并行promise操作）.then（r1，r2）{}.catch（err）

并行操作的顺序就是最后拿到结果的顺序

发起并行的操作，只要任何一个操作完成，立即执行下一步：

Promise.race（并行promise操作）.then（r1 //读取最快的结果 ）

1.async和await

await修饰的promise实例，可以转换成对象格式，如果某个方法内使用到了await，这个方法需要使用async修饰

第一个await之前的代码会同步执行，await之后的代码会异步执行

3.EventLoop

JS是一门单线程执行的编程语言，如果一个任务耗时很长，会导致程序假死，因此引入了同步任务和异步任务

同步任务又叫做非耗时任务，是主线程上排队的任务，只有前一个执行完毕才执行后一个

异步任务又叫做耗时任务，由JS委托给宿主环境执行，当执行完成时，会通知主线程执行异步任务的回调函数

执行顺序：

同步任务由js主线程依次执行→异步任务委托给宿主环境→已完成的异步任务加入任务队列等待执行→主线程执行栈清空后读取任务队列的回调函数次序执行

这个执行过程是一直不断的，所以整个循环的过程称为EventLoop

4.宏任务和微任务

JS又把异步任务进行了进一步的划分

①宏任务

异步Ajax请求

setTimeout，setInterval

文件操作

其他宏任务等

②微任务

Promise.then，.catch和.finally

process.nextTick

其他微任务等

先执行微任务，之后每个宏任务执行完，都会检查是否有待执行的微任务，如果有则执行所有微任务后再继续执行下一个宏任务