vue铺垫知识-ES6-黑马

学习目标

 

 

 ES6模块化规范是浏览器端与服务器端通用的模块化开发规范

ES6模块化规范中定义：

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

导入其他模块成员使用import关键字

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

 

ES6模块化主要包含如下三种用法：

默认导入与默认导出

按需导入与按需导出

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

 

默认导出的语法：export default默认导出的成员

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

默认导入的语法：import 接收名称 from‘模块标识符’   ‘这里若为js文件不加.js会报错notfound’

接收名称可以是任意合法的成员名称

 

按需导出的语法：export 按需导出的成员

每个模块可以实现多次按需导出 

按需导入的语法：import{s1,s2,...}from '模块标识符'

按需导入的成员名称必须和按需导出的名称保持一致，可以在按需导入时{..,s2 as str2,...}使用as关键字重命名

按需导入和默认导入可以一起使用，按需导入在花括号外，默认导入在花括号内，二者间使用逗号分隔

 

 

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

若只想单纯的执行某个模块中的代码，并不需要得到模块中向外共享的成员，可以直接导入并执行模块代码import ‘’

 

回调地狱

多层回调函数的互相嵌套，就形成了回调地狱

 

 

缺点：代码耦合性太强，难以维护；

大量冗余代码互相嵌套，代码的可读性差

为了解决回调地狱的问题，ES6中新增了Promise的概念

1 Promise是一个构造函数

我们可以创建Promise的实例 const p=new Promise()

new出来的Promise实例对象，代表一个异步操作

2 Promise.prototype上包含一个.then()方法,每一次new Promise()构造函数得到的实例对象都可以通过原型链的方法访问到.then()方法，例如p.then()

3 then()方法用来预先指定成功和失败的回调函数