ES6学习一:什么是ES6

158 阅读1分钟

ES6是一个泛指,含义是5.1以后的JavaScript的下一代标准,涵盖了ES2015 ES2016 ES2017等等。ES2015是正式名称,指该年发布的正式版本的语言标准。

Babel转码器

Babel转码器:ES6转码器,可以将ES6代码转为ES5代码,解决老版本浏览器兼容问题

1.Babel

$ npm install --save-dev @babel/core

2..babelrc文件

先安装

# 最新转码规则
$ npm install --save-dev @babel/preset-env

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

加入.babelrc

 {
    "presets": [
      "@babel/env",
      "@babel/preset-react"
    ],
    "plugins": []
  }

浏览器环境使用Babel:

<script src="https://unpkg.com/@babel/standalone/babel.min.js"></script>
<script type="text/babel">
// Your ES6 code
</script>

注意,网页实时将 ES6 代码转为 ES5,对性能会有影响。生产环境需要加载已经转码完成的脚本。

REPL 在线编译器,可以在线将ES6代码转为ES5代码。