非構(gòu)造函數(shù)的繼承

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

比如,現(xiàn)在有一個(gè)對(duì)象,叫做"中國人":

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

還有一個(gè)對(duì)象,叫做"醫(yī)生":

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

請問怎樣才能讓"醫(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) {
  function F() {}
  F.prototype = o;
  return new F();
}

使用方法:

// 先在父對(duì)象的基礎(chǔ)上,生成子對(duì)象
var Doctor = object(Chinese);

// 再加上子對(duì)象本身的屬性
Doctor.career = '醫(yī)生';

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

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ī)生';

Doctor.nation; // 中國

但是,這樣的拷貝有一個(gè)問題。那就是,如果父對(duì)象的屬性等于數(shù)組或另一個(gè)對(duì)象,那么實(shí)際上,子對(duì)象獲得的只是一個(gè)內(nèi)存地址,而不是真正拷貝,因此存在父對(duì)象被篡改的可能。

請看,現(xiàn)在給 Chinese 添加一個(gè)"出生地"屬性,它的值是一個(gè)數(shù)組:

var Chinese = {
  nation:'中國',
    birthPlaces :['北京','上海','香港']
};

通過 extendCopy() 函數(shù),Doctor 繼承了 Chinese:

var Doctor = extendCopy(Chinese);

// 查看 Doctor 的 birthPlaces 屬性
Doctor.birthPlaces; // ["北京", "上海", "香港"]

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

Doctor.birthPlaces.push('廈門');

會(huì)發(fā)生了什么呢?Chinese 的"出生地"也被改掉了:

Doctor.birthPlaces; //北京, 上海, 香港, 廈門

Chinese.birthPlaces; //北京, 上海, 香港, 廈門

所以,extendCopy() 只是拷貝基本類型的數(shù)據(jù),我們把這種拷貝叫做"淺拷貝"。




四、深拷貝

所謂"深拷貝",就是能夠?qū)崿F(xiàn)真正意義上的數(shù)組和對(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ì)受到影響了:

Doctor.birthPlaces; //北京, 上海, 香港, 廈門

Chinese.birthPlaces; //北京, 上海, 香港
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容