类和构造函数

 类

(1) 通过class 关键字创建类 类名 我们还是习惯性定义首字母大写
(2) 类里面有个 constructor 函数 可以接受传递过来的参数 同时返回实例对象
(3) constructor 函数 只要 new 生实例时 就会自动调用这个函数 如果我们不写这个函数 类也会自动生成这个函数
(4) 生成实例 new 不能省略
(5) 最后注意语法规范 创建类 类名后面不要加小括号 生成实例 类名后面加小括号 构造函数不需要加 function
(6) 类的公有属性放到 constructor 里面
(7) 多个函数方法之间不需要添加逗号分隔
 

创建类

class name {
    // class body
}
创建实例：
var xx = new name();

类 constructor 构造函数

class Person {
    constructor(name,age) {   // constructor 构造方法或者构造函数
        this.name = name;
        this.age = age;
    }
}
// 创建实例：
var ldh = new Person('刘德华', 18); 
console.log(ldh.name)

类的继承

class Father{   // 父类
    } 
    class  Son extends Father {  // 子类继承父类
    }

super 调用父类的函数

class Father {
    say() {
        return '我是爸爸';
    }
}
class Son extends Father {
    say() {
        // console.log('我是儿子');
        console.log(super.say() + '的儿子');
        // super.say() 就是调用父类中的普通函数 say()
    }
}
var son = new Son();
son.say(); // 我是爸爸的儿子

super方法调用父类的构造函数以及子类扩展函数

继承中的属性或者方法查找原则：就近原则
1. 1. 继承中，如果实例化子类输出一个方法 先看子类有没有这个方法 如果有就先执行子类的
2. 2. 继承中，如果子类里面没有 就去查找父类有没有这个方法 如果有 就执行父类的这个方法(就近原则)
3. 注意: 子类在构造函数中使用super, 必须放到 this 前面 (必须先调用父类的构造方法,在使用子类构造方法)

class Fa {
            constructor(x, y) {
                this.x = x;
                this.y = y;
            }
            sum() {
                console.log(this.x + this.y);
            }
        }
        //继承父亲的sum方法并有自己的sub方法
        class Son extends Fa {
            constructor(x, y) {
                //通过super调用父函数的构造方法，把x，y传递给父亲
                //super必须写在子类的this之前
                super(x, y);
                this.x = x;
                this.y = y;
            }
            sub() {
                console.log(this.x - this.y);
            }
        }

        var son = new Son(5, 1);
        son.sum(); //6
        son.sub(); //4

类中this指向的问题

1. 在 ES 6 中类没有变量提升 所以必须先定义类 才能通过实例化对象
2. 类里面的共有的属性和方法一定要加this使用

class Fa {
            constructor(x, y) {
                this.x = x;
                this.y = y;
            }
            sum() {
                console.log(x + y); //此处报错：x和y未定义，要用this.x和this.y
            }
        }

3. constructor 里面的this指向实例对象

 var that;//全局变量保存this
        class Star {
            constructor() {
                that = this;
            }
        }
        var ldh = new Star();
        console.log(that == ldh); //true。由此可见，构造函数中的this就是实例化对象

4. 方法里面的this指向这个方法的调用者

var that;
        class Star {
            sang() {
                that = this;
            }
        }
        var ldh = new Star();
        ldh.sang();
        console.log(that == ldh); //true，方法里面的this指向这个方法的调用者