接触到得到新语言里面涉及到很多关于ECMscript相关知识，所以还是来总结一下吧

Posted 2020-08-11

ES6新增加了一些特性下面我就一边回忆一边写博文吧。

1、es6里面给我印象最深的应该就是箭头操作符（=>），它简化了函数的书写，第一次看见的时候完全懵逼，然后百度后才知道。操作符左边为输入的参数右边是进行操作以及返回值。

例如：

var arr=[5,6,9];

//传统方式写法

arr.forEach(function(i,j,k){console.log(i)});

//es6的写法

arr.forEach(i=>alert(i));

2、es6里面添加了对类的支持。在我印象中我写累大多数就是Java，不了解的时候还不知道万能的js居然也开出这种花来了。我看过一篇博文现在引用他那句话吧，他说”es6提供的类实际上只是js的原型模式的包装”。现在提供的原生class支持后，对继承和对象的创建更加直观了。

例子：

//定义一个类

class Fruit{

　　//构造器

　　constructor(name){

　　this.name=name;

}

　　//方法

　　Name(){

　　alert("我是："+this.name);

}

}

//类的继承

class Programmer exends Fruit{

　　constructor(name){

　　//调用父类构造器进行初始化

　　super(name);

}

program(){

　　console.log("我在编译中......");

}

}

//测试类

var fruit=new Fruit("apple"),banana=new Fruit("banbana"),pear=new Fruit("pear");

Fruit.Name();//我是苹果

banana.Name();//我是香蕉
pear.Name();//我是梨
pear.program();//我在编译中......
3、增强的对象字面量。对象字面量被增强写法更加简洁了，现在可以在对象字面量里面定义原型，还可以不用function关键字定义方法，也可以直接调用父类方法。

现在来通过对象字面量来创建对象

var People={

　　look(){

　　alert("lead a book......");

};

var student={

　　__proto__:People,//设置这个对象的原型为People，相当于继承关系

　　school:"youdian",

　　course(){

　　alert("上课");

}

};

　　People.look();//lead a book......
　　student.look();//lead a book......
}

4、字符串模板es6中允许使用。ES6中允许使用反引号来创建字符串(创建的字符串里面可以包含由$符号加花括号包裹的变量${variable})

var num=Math.eandom();

alert(${num});

5、解构。自动解析数组或者对象中的值。

6、可以在定义函数的时候指定参数的默认值（以前是通过逻辑或者操作符来完成）

以前：

function a(i){

　　var i=i||‘two‘;

　　alert(i);

}

ES6:

function b(j=‘one‘){

　　console.log(hello ${j});

}

7、不定参数。就是不知道具体有多少个参数的时候可以使用。格式就是三个点后来跟代表有不定参数的变量名字。

例如：

function add(...X){

　　//把所有参数相加

　　return X.reduce((m,n)=>m+n);

}

　　//传递任意个数的参数

　　alert(add(5,6,7,8,9));//结果就是5+6+7+8+9=35

8、拓展参数。它允许传递数组或者数组可以直接作为函数的参数而不再通过用apply的形式。

var name=[‘bvcx‘,‘asdf‘,‘qwer‘,‘vcx‘];

function student(name1,name2,name3,name4){

　　console.log(学生名字有：${name1},${name2},${name3},${name4});

}

//以拓展参数的形式传递，能更好的映射到每个单独的参数

student(...name);//学生名字有：bvcx,asdf,qwer,vcx

以前 我们用  student.apply(null,name);//学生名字有：bvcx,asdf,qwer,vcx

9、for of值遍历。不同于for in，每次循环它提供的不是序号而是值。

var arr=[‘L‘,‘C‘.‘W‘,‘V‘];

for(v of arr){

　　alert(v);//输出 L,C,W,V

}

10、模块。javascript原生支持module了，这种可以将js代码分割成不同功能的小块进行模块化。(不是很熟悉。毕竟接触太少，等研究清楚在来细细谈论)

ES6新加了很多功能就不在一一说出来了，总结：感觉前端知识越来越靠近后端了，看来需要加把劲了。。。。