Javascript 继承

# 首先你得先知道bind  和  call  的用法
# bind和call都是修改原有对象所属的上下文，也就是this
# 区别是bind之后并不会调用函数，call是直接调用

# 拓展内置对象
# 内置对象不允许修改原型对象原有属性的，只能新增
# 例：拓展Array内置对象，新增求数组内所有偶数的和
var array = [5,4,3,8];
Array.prototype.getSum = function () {
  var sum = 0;
  for (var i = 0; i < this.length; i++) {
    if (this[i] % 2 === 0) {
      sum += this[i];
    }
  }
  return sum;
}
array.getSum();  # 结果是14

# 继承
# 一、通过对象copy
var zs = {
    name: '张三',
    money: 10000000,
    cars: ['玛莎拉蒂', '特斯拉'],
    hourses: ['别墅', '大别墅'],
    play: function () {
        console.log('打高尔夫')
    }
}
var zxs = {
    name: '张小三'
}
function extend(parent, child) {
    for (var key in parent) {
        if (child[key]) {
            continue;
        }
        child[key] = parent[key];
    }
}
extend(zs, zxs);

# 二、原型继承
function Person () {
    this.name = 'zs';
    this.age = 18;
    this.sex = '男';
}
function Student() {
    this.score = 100;
}
Student.prototype = new Person();  # 无法配置构造函数参数
Student.prototype.constructor = Student;
var s1 = new Student()  # 无法配置构造函数参数

# 三、借用构造函数
function Person (name, age, sex) {
    this.name = name;
    this.age = age;
    this.sex = sex;
}
Person.prototype.sayHello = function () {
    console.log(this.name);
}
function Student(name, age, sex) {
    Person.call(this, name, age, sex);  # 解决了构造传参问题
    this.score = 100;
}
Student.prorotype = Person.prototype;   # 解决了方法继承的问题
Student.prototype.constructor = Student;# 但是这个时候改变了Person构造函数的原型对象，这样导致constructor，是如果再有一个新类需要继承Person的话就会出现原型对象冲突问题

# 四、解决原型对象冲突问题
function Person (name, age, sex) {
    this.name = name;
    this.age = age;
    this.sex = sex;
}
Person.prototype.sayHello = function () {
    console.log(this.name);
}
function Student(name, age, sex) {
    Person.call(this, name, age, sex);  
    this.score = 100;
}
Student.prorotype = new Person();   # 这样子就解决看原型对象冲突的问题了。
Student.prototype.constructor = Student; # 再如何修改原型对象都不会影响其他构造函数。