如何正确来体验新的JavaScript语法
简单认识
这样的代码在
<script>
const Name = '张三';//使用新增的关键字:const声明常量
alert(Name);
</script>
Babel
Babel 默认只转换新的 JavaScript 句法,Google Chrome
还有firefox
在这两款浏览器上可以执行大部分的ES6新特性,但是可能ie还不支持,上面的代码在IE是不会正确弹窗,会报错的,如何解决呢?
npm下载babel
npm install babel-core@5
找到下载目录中的browser.min.js进行引入
给代码包裹script标签添加上type="text/babel"
<script src="browser.min.js"></script>
<script type="text/babel">
const Name = '张三';//使用新增的关键字:const声明常量
alert(Name);
</script>
文件目录
800多K挺大的,比jquery 大了好几倍
browser-polyfill.min.js
polyfill.min.js可以转换新的 API ,比如 Iterator、Generator、Set、Maps、Proxy、Reflect、Symbol、Promise 等全局对象
同样引入即可
注意事项
如果你这样还是会报错,下载低版本的babel
个人建议
其实一般是和mvvm哪些前端框架配合使用的,但是我就是属于那种找个简单的css框架,然后用jquery 撸起袖子就是干那种。
都在用vue,vue并不见的真那么牛逼和好用。
随着微软现在已经抛弃IE,对于新项目,我个人的做法,是直接禁用项目用IE访问,检测到ie 就给用户提示,说我们的系统不支持ie。