Es6初尝试

最新推荐文章于 2024-06-14 09:41:05 发布

原创最新推荐文章于 2024-06-14 09:41:05 发布 · 327 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#es6

前端脚本专栏收录该内容

60 篇文章

订阅专栏

本文介绍了两种实现ES6模块兼容性的方法：一种是通过加载Traceur编译器并在浏览器中运行ES6代码；另一种是安装es6-shim库以提供ES6特性的 shim。文中还提供了一个简单的Calc类实例，演示了如何使用ES6语法编写并运行类。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1.两种方式

<!-- 加载Traceur编译器 -->
<script src="http://google.github.io/traceur-compiler/bin/traceur.js"
        type="text/javascript"></script>
<!-- 将Traceur编译器用于网页 -->
<script src="http://google.github.io/traceur-compiler/src/bootstrap.js"
        type="text/javascript"></script>
<!-- 打开实验选项，否则有些特性可能编译不成功 -->
<script>
        traceur.options.experimental = true;
</script>

<script type="module">
  class Calc {
    constructor(){
      console.log('Calc constructor');
    }
    add(a, b){
      return a + b;
    }
  }

  var c = new Calc();
  console.log(c.add(4,5));
</script>
第二种：
npm install [es6-shim](https://github.com/paulmillr/es6-shim)