ES6中对class的理解（一）

自己的理解，有错误还望指出：

        在学习JavaScript的时候，我们知道他是没有类（class）的写法的，所以我们需要类的时候一般是使用构造函数来模拟类的写法。在ES6中提供了class写法，在ES5中是没有的，有时候我们在写一个构造函数的时候，使用的是function来写一个构造函数，但是这种函数式编程的方式，很难直观的发现构造函数。如下：

       在ES5中，我们写一个构造函数（模拟类）的时候会这么写，可以看到这个也是一个函数，但是我将名字的第一位大写，这样可以区分于普通函数。。。并且通过this.x来将属性或者方法绑定在该构造函数里面去。

ES5写类

function Cus(a,b){ this.a = a; this.b = b; this.add = function (){ return this.a +this.b } } var c = new Cus() console.log(c.add())

假设我们现在使用的是ES6来写一个类，尽管提供了一个class的写法，但是下面这种写法是错的，如下：

class CUS{ this.a = 12; this.b = 13; this.add = function (){ return this.a +this.b } }

为什么不能使用this，那是因为这里的类都没有实例化，也就是说我们还没有创建一个类的实例，this是要绑定到对象上面去的，这里就要讲到ES6 的构造器constructor（）

ES6写类

class Person { constructor() { this.firstname = "Ymw"; this.lastname = "ming"; this.add = function(){ return this.firstname+' '+this.lastname } } } var person1 = new Person(); console.log(person1.firstname+' '+person1.lastname); //Ymw ming console.log(person1.add()); //Ymw ming

这里我把add方法也放在了构造器里面，虽然可以这么做，但是建议constructor()里面只放属性，方法写在constructor()平行位置的下边，如：

class Person { constructor() { this.firstname = "Ymw"; this.lastname = "ming"; this.add = function(){ return this.firstname+' '+this.lastname } } say() { return "hi,"+this.firstname+' '+this.lastname } } var person1 = new Person(); console.log(person1.firstname+' '+person1.lastname);//Ymw ming console.log(person1.add()); //Ymw ming console.log(person1.say()); //hi,Ymw ming

class传参数

千万不要在class旁边写个括号传参数，这个是错的，一般编辑器就会提示出错了，正确的写法是写在constructor()括号内，如下：

class Person { constructor(first,last) { this.firstname = first; this.lastname = last; this.add = function(){ return this.firstname+' '+this.lastname } } say() { return "hi,"+this.firstname+' '+this.lastname } } var person1 = new Person('Ymw',"ming"); console.log(person1.firstname+' '+person1.lastname);//Ymw ming console.log(person1.add()); //Ymw ming console.log(person1.say()); //hi,Ymw ming