什么是构造函数

    1. // 这是一个普通函数
    2. function range() {
    3. console.log(this); // 打印window
    4. }
    5. // 调用
    6. range()
    7. // 这是一个构造函数
    8. function Range() {
    9. console.log(this);// 打印Range()
    10. }
    11. // 调用
    12. var o = new Range();

    es5中,生成实例对象通过构造函数来生成:

    1. function Fun(a,b) {
    2. this.a = a;
    3. this.b = b;
    4. }
    5. Fun.prototype.showA = function () {
    6. console.log(this.a)
    7. }
    8. var fun = new Fun(1,2);
    9. fun.showA();//1

    es6则引用了class的概念,使得更接近java、c++等语言,更加直观。如:

    1. class Fun {
    2. constructor(a,b){
    3. this.a = a;
    4. this.b = b;
    5. }
    6. showA() {
    7. console.log(this.a);
    8. }
    9. }
    10. var fun = new Fun(1,2);
    11. fun.showA();//1

    这两种写法是一样的,在es6中,class可以理解为一个语法糖,只是让这种写法更加直观。
    要注意的是,es6中声明新的实例必须要用new声明。
    其中constructor为类的默认方法,通过new的调用可以执行这个方法。每个类都必须要有这个方法,如果没有显示定义,则一个空的constructor被添加到类里面。constructor方法默认返回实例对象,即this。也可以返回其他对象。这事,新的实例instanceof当前class就会报错。