如何正确来体验新的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。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值