繼承是什么？

在面向?qū)ο蟮乃枷胫懈蚯瑥V義的繼承是子對(duì)象擁有父對(duì)象的一切方法與屬性辞友。而JavaScript有著更特殊的原型繼承。
上次我們已經(jīng)介紹了JavaScript中獨(dú)有的原型及其原型鏈這一概念震肮，JS的原型繼承正式基于這兩者而實(shí)現(xiàn)的称龙。那么什么是原型繼承呢？子對(duì)象能夠使用父原型對(duì)象中的一切方法屬性卻不占用自己的內(nèi)存空間戳晌。一句話解釋：我是公共資源鲫尊，能用卻不被擁有。

例如：學(xué)校需要錄入學(xué)校一年級(jí)男生的信息沦偎，樣本個(gè)例的差異僅僅是姓名疫向，所以僅需為每個(gè)新對(duì)象添加一個(gè)姓名的屬性即可。但此時(shí)豪嚎，粗心的管理員把這份信息表和女生的弄混了搔驼，然而每個(gè)對(duì)象并沒有性別這個(gè)屬性，如何做到呢侈询？

function Person(name){
  this.name = name;
}
Person.prototype.gender = "male";
Person.prototype.selfSay = function(){console.log("my name is " + this.name;)}
var p1 = new Person("xiaoming");
var p2 = new Person("xiaohua");

原型圖

我們創(chuàng)建了構(gòu)造函數(shù)Person舌涨，只有一個(gè)屬性name。顯然妄荔，通過(guò)Person new出來(lái)的對(duì)象p1,p2都會(huì)擁有name屬性泼菌。我們額外的為Person.prototype這個(gè)原型對(duì)象，設(shè)置了gender:male,以及方法selfSay啦租。p1,p2本身并不具備gender屬性和selfSay方法哗伯，卻能調(diào)用它：

p1.gender;   //male
p2.selfSay(); // my name is xiaohua

這種繼承方式最大的好處就是，設(shè)置公共資源篷角，減少內(nèi)存空間的占用焊刹。

有幾種常見創(chuàng)建對(duì)象的方式? 舉例說(shuō)明?

• 直接創(chuàng)建

var xiaoming = {
     name:"xiaoming", 
     age:18,
     gender:"male"
};
var xiaomei = {
     name:"xiaomei",
     age:18,
     gender:"female"
} 

• 構(gòu)造函數(shù)

function Person(name,age,gender){
     this.name=name;
     this.age=age;
     this.gender = gender;
}
var xiaoming = new Person("xiaoming",18,"male");
var xiaomei = new Person("xiaomei",18,"female");

• 工廠模式

function factory(name,age,gender){
    var obj=new Object();
    obj.name=name;
    obj.age=age;
    obj.gender=gender;
    return obj;
}
var xiaoming = factory("xiaoming",18,male);
var xiaomei = factory("xiaomei",18,female);

• 原型

function Person(name,gender){
    this.name = name;
    this.gender = gender;
}
Person.prototype.age = 18;
var xiaoming = new Person("xiaoming","male");
var xiaomei = new Person("xiaomei","female");

下面兩種寫法有什么區(qū)別?

//方法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);

兩種方法的p1對(duì)象均能使用，區(qū)別在于PrintName這個(gè)方法存放在哪。方法一中虐块，每個(gè)新創(chuàng)建的子對(duì)象都擁有方法PrintName俩滥，而方法法二中子對(duì)象是不存儲(chǔ)PrintName方法的，而是通過(guò)原型鏈調(diào)用該方法贺奠。

Object.create有什么作用霜旧？兼容性如何？如何使用儡率？

Object.create(proto [, propertiesObject ])方法創(chuàng)建一個(gè)擁有指定原型和若干個(gè)指定屬性的對(duì)象挂据。它是ES5的新方法（IE9以上支持）。

• 第一個(gè)參數(shù)為必選項(xiàng)儿普，作為被拷貝的對(duì)象原型崎逃。
• 第二個(gè)參數(shù)為可選項(xiàng)，是新對(duì)象的屬性描述符眉孩，格式如下：
  數(shù)據(jù)屬性
  writable:是否可任意寫
  configurable：是否能夠刪除个绍，是否能夠被修改
  enumerable：是否能用 for in 枚舉
  value：值
  訪問(wèn)屬性：
  get(): 訪問(wèn)
  set(): 設(shè)置

例：

var obj = {
    a:function(){
        console.log("I am a.")
    },
    b:function(){
        console.log("I am b.")
    }
}
var newObj = Object.create(obj,{
    c:{ 
        value:"CCCC",
        writable:true
    },
    d:{
        configurable: false,
        get: function() { return d; },
        set: function(value) { d=value }
    }
});

console.log(newObj.a());   //I am a.
console.log(newObj.c);     // CCCC
newObj.c = "DDDDD"         
console.log(newObj.c);     //DDDDD
newObj.d = 100;
console.log(newObj.d);     //100

hasOwnProperty有什么作用？ 如何使用浪汪？

判斷一個(gè)屬性是否為該對(duì)象的自身屬性巴柿，如：

function People(name){
    this.name = name;
}
var xiaoming = new People("xiaoming");
xiaoming.age = 18;
xiaoming.hasOwnProperty("name");  //false
xiaoming.hasOwnProperty("age")    //true

實(shí)現(xiàn)Object.create的 polyfill(基于hasOwnProperty)

直接貼的MDN文檔，我按自己的意思來(lái)理解一下：

//當(dāng)沒有這種方法時(shí)吟宦，創(chuàng)建該方法篮洁。
if(!Object.create){                                
    Object.create = (function(){
//準(zhǔn)備工作：1.建立一個(gè)臨時(shí)的空對(duì)象 ；2.提取hasOwnProperty方法 
        function Temp(){};                               
        var hasOwn = Object.prototype.hasOwnProperty;   
        return function(o){
//先判斷傳進(jìn)來(lái)的參數(shù)是否是一個(gè)單純的對(duì)象殃姓，例如函數(shù)就不是袁波，所以函數(shù)應(yīng)當(dāng)傳遞Function.prototype;
            if(typeof o != "object"){
                throw TypeError("Object prototype may only be an Object or null");
            }
//讓臨時(shí)對(duì)象的prototype指向傳入?yún)?shù)o這個(gè)原型對(duì)象，用Temp構(gòu)造出對(duì)象obj蜗侈，顯然obj此時(shí)沒有自有屬性篷牌。
            Temp.prototype = o;
            var obj = new Temp();
            Temp.prototype = null;
//我們知道Object.create()是可以傳入兩個(gè)參數(shù)的，這里這種寫法不禁止你傳入多個(gè)參數(shù)踏幻，但是至多只有
//兩個(gè)有效參數(shù)枷颊，當(dāng)傳入兩個(gè)或兩個(gè)以上參數(shù)時(shí)，只取第二個(gè)參數(shù)该面。按照Object.create()原格式夭苗，第二個(gè)
//參數(shù)應(yīng)該是一個(gè)對(duì)象，對(duì)象里有各種屬性隔缀，所以在此遍歷所有屬性题造，并將其賦予obj；至此猾瘸，obj已經(jīng)完全
//復(fù)制了o對(duì)象界赔，return即可丢习；
            if(arguments.length > 1){
                var Properties = Object(arguments[1]);
                for (var prop in Properties){
                    if(hasOwn.call(Properties,prop)){
                        obj[prop] = Properties[prop];
                    }
                }
            }
            return obj;
        }
    })();
}

如下代碼中call的作用是什么?

function Person(name, sex){
    this.name = name;
    this.sex = sex;
}
function Male(name, sex, age){
    Person.call(this, name, sex);    //調(diào)用Person函數(shù)，同時(shí)將作用域由window變?yōu)閠his（調(diào)用Male函數(shù)的對(duì)象）
    this.age = age;
}

補(bǔ)全代碼淮悼，實(shí)現(xiàn)繼承

function Person(name, sex){
    this.name = name;
    this.sex = sex;
}

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

function Male(name, sex, age){
    Person.call(this,name,sex)
    this.age = age;
}
var obj = Object.create(Person.prototype);
Male.prototype = obj;
obj.constructor = Male;  
Male.prototype.getAge = function(){
    console.log(this.age);
};

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