// 构造函数
function F() {}
// 实例
var f = new F();

// 每一个函数都有 prototype 属性，只有在 new + 构造函数的时候，prototype 属性才有用，普通的函数调用，不会用到 prototype 属性
// 每一个对象都有 __proto__ 属性，__proto__ 属性指向当前对象的原型对象，js是基于原型来实现继承
// 函数也是对象（数组、正则都是对象）

// 用于方便的找到构造函数
F.prototype.constructor === F; // true

// 这段代码是js能实现继承的关键
F.__proto__ === Function.prototype; // true

// Function 是 Object 的实例（Function 和 Object 都是函数）
Function.prototype.__proto__ === Object.prototype; // true
// Object 的原型是 null（规定）
Object.prototype.__proto__ === null; // true

// f 是 F 的实例，这就代表 f 继承与 F
f.__proto__ === F.prototype; // true
// F 是实例a，Function 是实例b，实例a和b的原型都是 Object.prototype
F.prototype.__proto__ === Object.prototype; // true

// ES6
class Parent {
    constructor(name) {
        this.name = name;
    }
    static sayHello() {
        console.log('hello');
    }
    sayName() {
        console.log('my name is ' + this.name);
        return this.name;
    }
}
class Child extends Parent {
    constructor(name, age) {
        super(name);
        this.age = age;
    }
    sayAge() {
        console.log('my age is ' + this.age);
        return this.age;
    }
}

let parent = new Parent('Parent');
let child = new Child('Child', 18);

console.log('parent: ', parent); // parent:  Parent {name: "Parent"}

Parent.sayHello(); // hello
parent.sayName(); // my name is Parent
console.log('child: ', child); // child:  Child {name: "Child", age: 18}
Child.sayHello(); // hello
child.sayName(); // my name is Child
child.sayAge(); // my age is 18

console.log(Child.prototype.__proto__ === Parent.prototype);
// true

console.log(Child.__proto__ === Parent);
// true

// 1、构造器原型链
Child.__proto__ === Parent; // true
Parent.__proto__ === Function.prototype; // true
Function.prototype.__proto__ === Object.prototype; // true
Object.prototype.__proto__ === null; // true
// 2、实例原型链
child.__proto__ === Child.prototype; // true
Child.prototype.__proto__ === Parent.prototype; // true
Parent.prototype.__proto__ === Object.prototype; // true
Object.prototype.__proto__ === null; // true

// 子类中使用的 super，相当于 es5 中使用的 call apply

// 简版：也正是应用了new会设置__proto__链接的原理。
if (typeof Object.create !== 'function') {
    Object.create = function (proto) {
        function F() {}
        F.prototype = proto;
        return new F();
    };
}

Object.setPrototypeOf =
    Object.setPrototypeOf ||
    function (obj, proto) {
        obj.__proto__ = proto;
        return obj;
    };