关于文章 es6

es6 javascript

博客js从es6转到es5

博客js从es6转到es5

发现博客用夸克浏览器和qq浏览器 js都不渲染markdown

后来群友说的不兼容es6

决定转成es5

全局安装babel-cli

npm install -g babel-cli

项目内安装规则包

# ES2015转码规则
$ npm install --save-dev babel-preset-es2015

# react转码规则
$ npm install --save-dev babel-preset-react

# ES7不同阶段语法提案的转码规则(共有4个阶段),选装一个
$ npm install --save-dev babel-preset-stage-0
$ npm install --save-dev babel-preset-stage-1
$ npm install --save-dev babel-preset-stage-2
$ npm install --save-dev babel-preset-stage-3

项目内配置文件 .babelrc

 {
    "presets": [
      "es2015",
      "react",
      "stage-2"
    ],
    "plugins": []
  }

命令行下执行命令

babel xxx.js -o xxxd.js
//xxxd.js就是经过转码好的js文件

提交修改,经测试可以正常渲染

es6 javascript promise

js-Async/Await和Promise

所谓 Promise,就是一个对象,用来传递异步操作的消息。

所谓 Promise,就是一个对象,用来传递异步操作的消息。它代表了某个未来才会知道结果的事件(通常是一个异步操作),并且这个事件提供统一的 API,可供进一步处理。

Async/Await

  • async/await是写异步代码的新方式,以前的方法有回调函数和Promise。
  • async/await是基于Promise实现的,它不能用于普通的回调函数。
  • async/await与Promise一样,是非阻塞的。
  • async/await使得异步代码看起来像同步代码,这正是它的魔力所在。