這個(gè)系列的第一部分介紹了"封裝"，第二部分介紹了使用構(gòu)造函數(shù)實(shí)現(xiàn)"繼承"背捌。

今天是最后一個(gè)部分毙籽，介紹非構(gòu)造函數(shù)實(shí)現(xiàn)"繼承"

摘要

一、什么是"非構(gòu)造函數(shù)"的繼承毡庆？
二坑赡、object()方法
三、淺拷貝
四么抗、深拷貝

一垮衷、什么是"非構(gòu)造函數(shù)"的繼承？

比如乖坠，現(xiàn)在有一個(gè)對(duì)象，叫做"中國人"刀闷。

var Chinese = {
　　nation:'中國'
};

還有一個(gè)對(duì)象熊泵，叫做"醫(yī)生"。

var Doctor ={
　　career:'醫(yī)生'
}

請(qǐng)問怎樣才能讓"醫(yī)生"去繼承"中國人"甸昏，也就是說顽分，我怎樣才能生成一個(gè)"中國醫(yī)生"的對(duì)象？

這里要注意施蜜，這兩個(gè)對(duì)象都是普通對(duì)象卒蘸，不是構(gòu)造函數(shù)，無法使用構(gòu)造函數(shù)方法實(shí)現(xiàn)"繼承"

二、object()方法

json格式的發(fā)明人Douglas Crockford缸沃，提出了一個(gè)object(）函數(shù)恰起，可以做到這一點(diǎn)

function object(o){ //父對(duì)象o
  function F() {};
  F.prototype = o;//子對(duì)象F的prototype指向父對(duì)象o
  return new F();
}

這是object()函數(shù)，其實(shí)只做一件事趾牧，就是把子對(duì)象的prototype屬性检盼，指向父對(duì)象靴庆，從而使得子對(duì)象和父對(duì)象連在一起

使用的時(shí)候铐料，第一步先在父對(duì)象的基礎(chǔ)上，生成子對(duì)象

var Doctor = object(Chinese)

然后誓酒，再加上子對(duì)象本身的屬性

Doctor.career = '醫(yī)生';

這時(shí)哄芜，子對(duì)象已經(jīng)繼承了父對(duì)象的屬性了

alert(Doctor.nation); //中國

三貌亭、淺拷貝

除了使用"prototype鏈"以外，還有另一種思路：把父對(duì)象的屬性认臊，全部拷貝給子對(duì)象圃庭，也能實(shí)現(xiàn)繼承

下面這個(gè)函數(shù)，就是在做拷貝

　　function extendCopy(p) {
　　　　var c = {};
　　　　for (var i in p) { 
　　　　　　c[i] = p[i];
　　　　}
　　　　c.uber = p;
　　　　return c;
　　}

使用的時(shí)候美尸，這樣寫：

var Doctor = extendCopy(Chinese);
Doctor.career = "醫(yī)生";
alert(Doctor.nation); // 中國

但是冤议，這樣的拷貝有一個(gè)問題。那就是师坎，如果父對(duì)象的屬性等于數(shù)組或另一個(gè)對(duì)象恕酸，那么子對(duì)象獲得的只是一個(gè)內(nèi)存地址，而不是真正的拷貝胯陋，因此存在父對(duì)象被從篡改的可能

請(qǐng)看蕊温，現(xiàn)在給Chinese添加一個(gè)"出生地"屬性，它的值是一個(gè)數(shù)組

Chinese.birthPlaces = ['北京', '上海', '廣州']

通過extendCopy()函數(shù)遏乔，Doctor繼承了Chinese

 var Doctor = extendCopy(Chinese)

然后义矛，我們?yōu)镈octor的"出生地"添加一個(gè)城市

Doctor.birthPlace.push('深圳')

發(fā)生了什么事？Chinese的"出生地"也被改掉了盟萨！

alert(Doctor.birthPlaces); //北京, 上海, 廣州, 深圳
alert(Chinese.birthPlaces); //北京, 上海, 廣州, 深圳

所以凉翻，extendCopy()只是拷貝基本類型的數(shù)據(jù)，我們把這種拷貝叫做"淺拷貝"捻激。這是早期JQuey實(shí)現(xiàn)繼承的方式

四制轰、深拷貝

所謂"深拷貝"，就是能夠?qū)崿F(xiàn)真正意義上的數(shù)據(jù)和對(duì)象的拷貝胞谭。它的實(shí)現(xiàn)并不難垃杖，只要遞歸調(diào)用"淺拷貝"就行了

　　function deepCopy(p, c) {
　　　　var c = c || {};
　　　　for (var i in p) {
　　　　　　if (typeof p[i] === 'object') {
　　　　　　　　c[i] = (p[i].constructor === Array) ? [] : {};
　　　　　　　　deepCopy(p[i], c[i]);
　　　　　　} else {
　　　　　　　　　c[i] = p[i];
　　　　　　}
　　　　}
　　　　return c;
　　}

使用的時(shí)候這樣寫：

var Doctor = deepCopy(Chinese);

現(xiàn)在，給父對(duì)象就加一個(gè)屬性丈屹，值為數(shù)組调俘。然后，在子對(duì)象上修改這個(gè)屬性；

Chinese .birthPlaces = [北京, 上海, 廣州];
Doctor.birthPlaces.push('深圳');

這時(shí)彩库，父對(duì)象就不會(huì)受到影響了

alert(Doctor.birthPlaces); //北京, 上海, 香港, 廈門
alert(Chinese.birthPlaces); //北京, 上海, 香港

目前肤无，jQuery庫使用的就是這種繼承方法。
（完）