【JavaScript：面向对象】

6. 面向对象

JavaScript、Java、C#…都是面向对象的编程语言；

• 类：模板
• 对象：具体的实例

原型对象

JavaScript有一些区别：

• 原型：__proto__

var user = {
    name: 'Jack',
    age: 3,
    sex: '男',
    run: function () {
        console.log(this.name + 'run...')
    }
};

var xiaoming = {
    name: 'Xiaoming',
};

// 小明的原型是user
xiaoming.__proto__ = user;

/*
    xiaoming.run()
    Xiaomingrun...

    xiaoming.age
    3
*/

class继承

class关键字是在ES6引入的

1. 定义一个类，属性，方法

// ES6之后
class Student {
    constructor(name) {
        this.name = name;
    }
    hello() {
        alert('hello');
    }
}

var xiaoming = new Student('xiaoming');

2. 继承

class Student {
    constructor(name) {
        this.name = name;
    }
    hello() {
        alert('hello');
    }
}

var xiaoming = new Student('xiaoming');

//继承
class XiaoStudent extends Student {
    constructor(name, grade) {
        super(name);
        this.grade = grade;
    }
    mygrade() {
        alert('我是一个小学生');
    }
}

var xiaohong = new XiaoStudent('xiaohong', 1);

本质：查看对象原型

原型链

每个构造函数都有一个原型对象，原型对象都包含一个指向构造函数的指针，而实例都包含一个指向原型对象的内部指针。那么假如我们让原型对象等于另一个类型的实例，结果会怎样？显然，此时的原型对象将包含一个指向另一个原型的指针，相应地，另一个原型中也包含着一个指向另一个构造函数的指针。假如另一个原型又是另一个类型的实例，那么上述关系依然成立。如此层层递进，就构成了实例与原型的链条。这就是所谓的原型链的基本概念。——摘自《javascript高级程序设计》