ES6的一些特点

基本的字符串格式化.
先看一下ES5的
var way = ‘String’
console.log(‘ES5:’ + way)
下面是ES6的
//ES6
let way = ‘String Template’
console.log(ES6: ${way}
多行拼接
先看一下ES5的
var msg =" Himan !’’
下面是ES6的
const template =

hello world

函数新特性 ES6为参数提供了默认值。在定义函数时便初始化了这个参数，以便在参数没有被传递进去时使用。 function action( num = 200 ){ console.log(num) } action(0); //0 action(); //200 action(300) //300 箭头函数 ES6很有意思的一部分就是函数的快捷写法。也就是箭头函数。 箭头函数最直观的三个特点：

1.不需要 function 关键字来创建函数
2.省略 return 关键字
3.继承当前上下文的 this 关键字

Class基本语法
一般JavaScript 语言中，生成实例对象的传统方法是通过构造函数：
function Point(x, y){
this.x = x;
this-y = y;
}
Point . prototype. toString = function () {
return’ (’ + this.x +’ ,’+this.y+’)’;
}
var p = new Point(l, 2);
es6 提供了更接近传统语言的写法，引入了 Class（类）这个概念，作为对象的模板。通过class关键字，可以定义类。

基本上，es6 的%(red)[class]可以看作只是一个语法糖，它的绝大部分功能，es5 都可以做到，新的%(red)[class]写法只是让对象原型的写法更加清晰、更像面向对象编程的语法而已。上面的代码用 es6 的%(red)[class]改写，就是下面这样。
class Point{
constructor(x, y) {
this.x = x;
this.y = Y;
}
toString( ) {
return’(’+this.x+’+this.y+’)’;
}
}
上面代码定义了一个“类”，可以看到里面有一个constructor方法，这就是构造方法，而this关键字则代表实例对象。也就是说，es5 的构造函数Point，对应 es6 的Point类的构造方法。
Point类除了构造方法，还定义了一个toString方法。注意，定义“类”的方法的时候，前面不需要加上function这个关键字，直接把函数定义放进去了就可以了。另外，方法之间不需要逗号分隔，加了会报错。
es6 的类，完全可以看作构造函数的另一种写法。