ES6-中的Class

jiezi

6 年前

ES5 的写法

function Point(x, y) {
  this.x = x;
  this.y = y;
}

Point.prototype.toString = function () {return '(' + this.x + ',' + this.y + ')';
};

var p = new Point(1, 2);

ES6 的写法

class Point {constructor(x, y) {
    this.x = x;
    this.y = y;
  }

  toString() {return '(' + this.x + ',' + this.y + ')';
  }
}

在类的实例上面调用方法，其实就是调用原型上的方法。

class B {}
let b = new B();

b.__proto__.constructor === B.prototype.constructor?console.log("true"):console.log("false")
console.log(typeof b.__proto__.constructor)
console.log(typeof B.prototype.constructor)

注：类的内部所有定义的方法，都是不可枚举的

constructor 方法是类的默认方法，通过 new 命令生成对象实例时，自动调用该方法。一个类必须有 constructor 方法，如果没有显式定义，一个空的 constructor 方法会被默认添加。
注意点

constructor 方法默认返回实例对象（即 this），完全可以指定返回另外一个对象。
```
class Foo {constructor() {return Object.create(null);
  }
}

new Foo() instanceof Foo
// false
```

类必须使用 new 调用，否则会报错。

class book{constructor(){
        this._year=2004;
        this.edition=1;
    }
    get year(){return this._year;}
    set year(newVal){if(newVal>2004){
            this._year=newVal;
            this.edition+=newVal-2004;
        }
    }
}
let b=new book();
b.year = 2004; //2
console.log(b.edition);

class book{constructor(){
        this._year=2004;
        this.edition=1;
    }
    get year(){return this._year;}
    set year(newVal){if(newVal>2004){
            this._year=newVal;
            this.edition+=newVal-2004;
        }
    }
}
let b=new book();
b.year = 2004; //2
console.log(b.edition);

ES6-中的Class

基本用法

constructor 方法

取值函数（getter）和存值函数（setter）