3.ES6扩充

1. promise

promise:解决异步操作

同步:串行 (简单,方便)

异步:并行 (性能高,用户体验好)

例子:读取一个商品的信息

异步需要嵌套N层

同步

promise:用异步的方式写同步

例子:promise的使用

因为$.ajax本身就是Promise,因此可以用then方法

最终写法

拓展 ;

Promise.all() -- 与:所有都成功

Promise.race() -- 或:只要有一个完成(网络测速,不常用)

2. generator(生成器)

generator函数能暂停,普通函数不能停 yield 放弃(暂停)

能传参数 function(a,b,c)

能返回 return

3.generator与promise的配合

先引用runner.js\jquery.js两个库

4. async/await(异步回调最终解决方案)

什么叫回调与轮询

回调:满足条件后返回

不是定义的人调用

什么时候调用不知道,也不关心

轮询:没隔一段时间检查一遍

ES6编译:ES6->ES5

babel:polyfill工具

网址:babel.io=>基于Node.js

npm:node package manager(包管理)

自动下载、升级

自动下载依赖包

babel编译过程

下载nodejs(www.nodejs.org/en/)

创建淘宝镜像(npm.taobao.org)

$ npm install -g cnpm --registry=https://registry.npm.taobao.org

创建babel文件夹

cmd进入babel文件夹cnpm init 创建package.json工程文件

cmd内下载cnpm i babel-cli -D

生产环境下babel脚手架的版本号,用于恢复依赖的

工程文件修改脚本scripts

src:需要编译的文件夹

lib:编译之后的文件夹

创建一个.babelrc文件里面添加预设信息

cnpm run build完成编译

  • 发表于:
  • 原文链接http://kuaibao.qq.com/s/20180426G1V3DZ00?refer=cp_1026
  • 腾讯「云+社区」是腾讯内容开放平台帐号(企鹅号)传播渠道之一,根据《腾讯内容开放平台服务协议》转载发布内容。
  • 如有侵权,请联系 yunjia_community@tencent.com 删除。

扫码关注云+社区

领取腾讯云代金券