继承

1.继承有什么作用?

继承: 指一个对象直接使用另一个对象的属性和方法。

2.有几种常见创建对象的方式? 举例说明

• 1.object构造函数或字面量创建

var obj1 = new Object();
var obj2 = {};

• 2.工厂模式
  不用重复的新建对象，但生成的对象不能确定其类型

function createPerson(name,age) {
    var obj = new Object();
    obj.name = name;
    obj.age = age;
    obj.sayName = function() {
        console.log(this.name);
    };
    return obj;
}

var p1 = createPerson(jack,22);
var p2 = createPerson(lisa,14);

• 3.构造函数模式
  相比于工厂模式，能够解决对象识别的问题（知道一个对象的类型），但每个实例对象中都会有sayName方法，且都独立占据内存空间，这样造成内存空间的浪费

function Person(name,age) {
    this.name = name;
    this.age = age;
    this.sayName = function(){
        console.log(this.name);
    };
}

var p1 = new Person(jack,22);
var p2 = new Person(lisa,14);

• 4.构造函数+原型对象
  把公共的方法放在原型内,不占据过多内存

function Person() {
Person.prototype.name = name;
Person.prototype.age = age;
}

Person.prototype.sayName = function() {
    console.log(this.name);
};

var p1 = new Person(jack,22);
p1.sayName();
var p2 = new Person(lisa,14);
p2.sayName();

3.下面两种写法有什么区别?

//方法1
function People(name, sex){
    this.name = name;
    this.sex = sex;
    this.printName = function(){
        console.log(this.name);
    }
}
var p1 = new People('饥人谷', 2)

//方法2
function Person(name, sex){
    this.name = name;
    this.sex = sex;
}

Person.prototype.printName = function(){
    console.log(this.name);
}
var p1 = new Person('若愚', 27);

• 第一种：直接将方法定义在构造函数内部，每创建一个实例对象，都会重复创建该对象的方法，比较占内存；
• 第二种：将公用的方法放在了原型对象上，实例对象通过原型链直接访调用该方法，节省内存空间；

4.Object.create有什么作用？兼容性如何？如何使用？

• 作用：创建一个拥有指定原型和若干个指定属性的对象

• 兼容性：

  
  

function Person() {}          //创建空构造函数
Person.prototype.name = 'lisa';   //原型绑定属性
var p1 = Object.create(Person.prototype);   // 只继承原型的实例
var p2 = Object.create(Person.prototype, {  //继承原型，同时含有自身属性的实例
      age: {
        value: 22
      },
      name: {
        value: 'jack'
      }
    });

5.hasOwnProperty有什么作用？ 如何使用？

• 作用：判断一个对象是否包含自定义属性而不是原型上的属性
  如上例：

6.实现Object.create的 polyfill，如：（ps: 写个 函数create，实现 Object.create 的功能)

var obj = {a: 1, b:2};
var obj2 = create(obj);
console.log(obj2.a); //1

function create(obj){
    var newObj;
    if(typeof Object.create != "function"){
        function Temp(){}
        Temp.prototype = obj;
    }else{
        return Object.create(obj)
    }
    return newObj = new Temp();
}

7.如下代码中call的作用是什么?

function Person(name, sex){
    this.name = name;
    this.sex = sex;
}
function Male(name, sex, age){
    Person.call(this, name, sex);    //这里的 call 有什么作用
    this.age = age;
}

在Male函数中，调用Person函数，使Male函数能够执行Person上的初始化代码，实现构造函数继承。

8.补全代码，实现继承

function Person(name, sex){
    // todo ...
}

Person.prototype.getName = function(){
    // todo ...
};    

function Male(name, sex, age){
   //todo ...
}

//todo ...
Male.prototype.getAge = function(){
    //todo ...
};

var ruoyu = new Male('若愚', '男', 27);
ruoyu.printName();

    function Person(name, sex){
        this.name=name;
        this.sex=sex;
    }
    Person.prototype.getName = function(){
        return this.name;
    };    
    function Male(name, sex, age){
       Person.call(this,name,sex);
       this.age=age;
    }
    (function(){
        Male.prototype=Object.create(Person.prototype);
        Male.prototype.printName=function(){
            console.log(this.getName());
        }
    })()
    Male.prototype.getAge = function(){
        return this.age;
    };
    var ruoyu = new Male('若愚', '男', 27);
    ruoyu.printName();   //若愚