Es61

Posted 672530440

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了Es61相关的知识,希望对你有一定的参考价值。

ECMAScript和javascript的关系
         ECMAScript 6(以下简称ES6)是JavaScript语言的下一代标准,已经在2015年6月正式发布了。Mozilla公司将在这个标准的基础上,推出JavaScript 2.0。
  ECMAScript和JavaScript到底是什么关系?很多初学者会感到困惑,简单来说,ECMAScript是JavaScript语言的国际标准,JavaScript是ECMAScript的实现。

ECMAScript的历史
         1996年11月,JavaScript的创造者Netscape公司,决定将JavaScript提交给国际标准化组织ECMA,希望这种语言能够成为国际标准。
          次年,ECMA发布262号标准文件(ECMA-262)的第一版,规定了浏览器脚本语言的标准,并将这种语言称为ECMAScript。这个版本就是ECMAScript 1.0版。

ECMAScript 6 的兼容
         http://kangax.github.io/es5-compat-table/es6/

兼容包
         https://github.com/paulmillr/es6-shim

Traceur转码器
<!-- 加载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>


          script标签的type属性的值是module(或者traceur),而不是text/javascript。

         这是Traceur编译器识别ES6代码的标识,编译器会自动将所有type=module的代码编译为ES5,然后再交给浏览器执行。

 

以上是关于Es61的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段——CSS选择器

VSCode自定义代码片段8——声明函数

VSCode自定义代码片段6——CSS选择器

VSCode自定义代码片段——CSS动画

VSCode自定义代码片段3——url大全

VSCode自定义代码片段3——url大全