ES6的新特性概览_

《ES6的新特性概览_》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、ES6的新特性概览_NickJustice是GitHub开发者方案的一员。早在ES6语言标准发布之前，他就借助像Babel这样的转译器以及最新版本的扫瞄器在自己的项目中用法ES6特性。他认为，ES6的新特性将极大地转变JavaScript的编写方式。ES6（ECMAScript6）是即将到来的新版本JavaScript语言的标准，harmony(和谐之意，明显没有跟上我国的步伐，我们已经进入中国梦版本了)。上一次标准的制订还是2021年出台的ES5。目前ES6的标准化工作正在进行中，估计会在14年12月份放出正式敲定的版本。但大部分标准已经就绪

2、，且各扫瞄器对ES6的支持也正在实现中。技术虽然进展太快，但是我们不停下学习的步伐，就不会被新技术淘汰，下面我们一起来学习es6的新特征吧。箭头操作符假如你会C#或者Java，你确定知道lambda表达式，ES6中新增的箭头操作符=便有异曲同工之妙。它简化了函数的书写。操作符左边为输入的参数，而右边则是进行的操作以及返回的值Inputs=outputs。我们知道在JS中回调是常常的事，而一般回调又以匿名函数的形式消失，每次都需要写一个function，甚是繁琐。当引入箭头操作符后可以便利地写回调了。请看下面的例子：vararray=[1,2,3

3、];//传统写法写法array.forEach(function(v){console.log(v);});//ES6写法array.forEach(v=console.log(v));类的支持ES6中添加了对类的支持，引入了class关键字（其实class在JavaScript中始终是保留字，目的就是考虑到可能在以后的新版本中会用到，现在最终派上用场了）。JS本身就是面对对象的，ES6中供应的类事实上只是JS原型模式的包装。现在供应原生的class支持后，对象的创建，继承更加直观了，并且父类方法的调用，实例化，静态方法和构造函数等概念都更加形

4、象化。下面代码展现了类在ES6中的用法：//类的定义classAnimal{//ES6中新型构造器constructor(name){this.name=name;}//实例方法sayName(){console.log('Mynameis'+this.name);}}//类的继承classProgrammerextendsAnimal{constructor(name){//挺直调用父类构造器进行初始化super(name);}program(){console.log("I'mcoding...");}}//测试我们的类varanimal=

5、newAnimal('dummy'),wayou=newProgrammer('wayou');animal.sayName();//输出'Mynameisdummy'wayou.sayName();//输出'Mynameiswayou'wayou.program();//输出'I'mcoding...'增加的对象字面量对象字面量被增加了，写法更加简洁与敏捷，同时在定义对象的时候能够做的事情更多了。具体表现在：1.可以在对象字面量里面定义原型2.定义方法可以不用function关键字3.挺直调用父类方法这样一来，对象字面量与前面提到的类概念更加

6、吻合，在编写面对对象的JavaScript时更加轻松便利了。//通过对象字面量创建对象varhuman={breathe(){console.log('breathing...');}};varworker={__proto__:human,//设置此对象的原型为human,相当于继承humancompany:'freelancer',work(){console.log('working...');}};human.breathe();//输出'breathing...'//调用继承来的breathe方法worker.breathe();//

7、输出'breathing...'字符串模板字符串模板相对简洁易懂些。ES6中允许用法反引号`来创建字符串，此种方法创建的字符串里面可以包含由美元符号加花括号包裹的变量${vraible}。假如你用法过像C#等后端强类型语言的话，对此功能应当不会生疏。//产生一个随机数varnum=Math.random();//将这个数字输出到consoleconsole.log(`yournumis${num}`);解构自动解析数组或对象中的值。比如若一个函数要返回多个值，常规的做法是返回一个对象，将每个值做为这个对象的属性返回。但在ES6中，利用解构这一特

8、性，可以挺直返回一个数组，然后数组中的值会自动被解析到对应接收该值的变量中。functiongetVal(){return[1,2];}var[x,y