JavaScript ES6的新特性使用新方法定义Class

ES6（ECMAScript 6）是即将到来的新版本JavaScript语言的标准，代号harmony(和谐之意，显然没有跟上我国的步伐，我们已经进入中国梦版本了)。上一次标准的制订还是2009年出台的ES5。目前ES6的标准化工作正在进行中，预计会在14年12月份放出正式敲定的版本。但大部分标准已经就绪，且各浏览器对ES6的支持也正在实现中。

ES6中定义类的方式， 就是ES3和ES5中定义类的语法糖，虽然也有些区别，但是整体定义类的方式更加简洁，类的继承更加方便， 如果想对ES6中的继承更加熟悉， 最好了解ES5中原型继承的方式， 博客园中说JS继承的文章很多， 想要深入了解的同学自己去搜；

　　定义一个class：

 　　每一个使用class方式定义的类默认都有一个constructor函数， 这个函数是构造函数的主函数， 该函数体内部的this指向生成的实例, say() {}为原型上的方法， 我们定义一个简单的类 ： 

运行下面代码

"use strict";class Person { constructor(name) {  this.name = name; } say () {  console.log("say hi"); }};new Person().say(); //控制台会输出say hi

 　　注意： ES6中声明的类不存在函数声明提前的问题， 类必须先声明再使用，否则会出现异常 ， 我们只是把上面Demo中的代码位置一改， 立马报错， (如果用ES5中的思维去理解的话， 声明的类没有声明提前， 有关声明提前的知识点， 通过class 类名{} 声明的类，就是var 类名 = function(){})；

 运行下面代码

 "use strict";new Person().say();class Person { constructor(name) {  this.name = name; } say () {  console.log("say hi"); }};

　　定义函数的静态方法：

　　如果定义函数的时候， 大括号内部， 函数名前声明了static， 那么这个函数就为静态函数， 就为静态方法， 和原型没啥关系：

运行下面代码

 "use strict";class Person { constructor(name) {  this.name = name; } static say () {  console.log("say hi"); }};Person.say();

　　定义原型方法：

　　定义原型方法，直接这样声明： 函数名 () {} 即可， 小括号内部为参数列表， 大括号内部为代码块,  ES5中要定义原型方法是通过： 构造函数.prototype.原型方法名() {} , 这种书写形式很繁琐， 使用ES6定义原型的方式有点像java和C#了， 这些都是比较高级语言的特征：

 运行下面代码

 "use strict";class Person { constructor(name) {  this.name = name; } say () {  console.log("say hi"); } sing () {  console.log("lalalalala"); }};new Person().say(); //输出 ：say hinew Person().sing(); //输出 ：lalalalala

　　静态属性和原型属性：