1. 各种浏览器对ES6支持又如何呢?
各大浏览器的最新版本对ES6支持度已经越来越高了,超过 90%的 ES6 语法特性都实现了。但是不支持的部分怎么办呢?需要我们的Babel主角出场了
2.介绍下主角Babel
答:Babel 是一个广泛使用的 ES6 转码器,可以将 ES6 代码转为 ES5 代码,从而在现有环境执行。这意味着,你可以用 ES6 的方式编写同时又不用担心现有环境是否支持。
// 举个例子 //ES6代码(箭头函数) var fn = (a, b) => a+b; //ES6转码后 var fn = function(a,b)
在线测试转换:https://babeljs.io/repl
3. 怎么学习进行转码
答: (1)安装Babel
npm install --save-dev @babel/core
(2)配置文件.babelrc(此配置文件需要放到项目根目录)
1) es最新转码规则
npm install --save-dev @babel/preset-env
2)规则加入.babelrc
{ "presets": [ "@babel/env" ], "plugins": [] }
(3)命令行转码
1)安装cli
npm install --save-dev @babel/cli
2)执行命令
npx babel 1.js -o 2.js
3)当前文件夹就会多出一个被编译后的2.js文件
最后注意:如果常用的es6语法可以直接在谷歌浏览器里面使用学习,开发中一定要进行编译转码
领取专属 10元无门槛券
私享最新 技术干货