JavaScript面向?qū)ο?~ 原型和繼承（2）

boredream 發(fā)布于2019-08-23 14:07 / 2418人閱讀

摘要：如前面提到，實(shí)例對(duì)象通過(guò)訪問(wèn)原型。那么，原型鏈?zhǔn)裁磿r(shí)候到頭呢默認(rèn)的原型鏈結(jié)構(gòu)又是怎樣的呢凡是使用構(gòu)造函數(shù)，并且沒(méi)有利用賦值方法修改原型的對(duì)象，則保留默認(rèn)的原型鏈，該原型鏈通過(guò)一直向上訪問(wèn)必須最終到頭，返回值。原型也是一個(gè)對(duì)象，繼承自。

原型鏈 什么是原型鏈

根據(jù)之前關(guān)于原型的知識(shí)（https://segmentfault.com/a/11...），漸漸引出了原型鏈的概念。凡是對(duì)象都有原型，而在JavaScript中，萬(wàn)物皆對(duì)象，所以，原型也是對(duì)象，也具有原型，也就是原型的原型，如此下去，會(huì)構(gòu)成一個(gè)對(duì)象序列，該結(jié)構(gòu)即為原型鏈。如前面提到，實(shí)例對(duì)象通過(guò) proto 訪問(wèn)原型。

那么，原型鏈?zhǔn)裁磿r(shí)候到頭呢？默認(rèn)的原型鏈結(jié)構(gòu)又是怎樣的呢？

凡是使用構(gòu)造函數(shù)，并且沒(méi)有利用賦值方法修改原型的對(duì)象，則保留默認(rèn)的原型鏈，該原型鏈通過(guò) proto 一直向上訪問(wèn)必須最終到頭，返回值 null。注意，這里說(shuō)的是原型的值為null，需要與之前的屬性查找原則所說(shuō)的沒(méi)有該屬性返回的是undefined區(qū)分開來(lái)。

以一個(gè)簡(jiǎn)單的構(gòu)造函數(shù)為例，演示默認(rèn)的原型鏈結(jié)構(gòu)：

function Person(){}
var p = new Person();

當(dāng)前實(shí)例對(duì)象 -> Person.prototype -> Object.prototype -> nll
可以在Google瀏覽器調(diào)試工具中查看

什么是原型式繼承

通過(guò)修改（增加、刪除等）原型鏈結(jié)構(gòu)，使得實(shí)例對(duì)象具有原型鏈上的所有方法

函數(shù)的原型鏈

上面講的是對(duì)象的原型鏈，那函數(shù)的原型鏈呢？

1、函數(shù)的構(gòu)造函數(shù)

在js中，使用Function可以實(shí)例化函數(shù)對(duì)象，也就是說(shuō)在js中，函數(shù)與普通對(duì)象一樣，也是一個(gè)對(duì)象類型，所以函數(shù)可以

使用對(duì)象的動(dòng)態(tài)特性

用構(gòu)造函數(shù)創(chuàng)建函數(shù)

創(chuàng)建其他對(duì)象

唯一可以限定變量作用域的結(jié)果

2、Function的實(shí)例代碼

var foo = new Function("參數(shù)一", "參數(shù)二", "...")；
Function的參數(shù)全是字符串，它是將參數(shù)連接起來(lái)的函數(shù)
沒(méi)有參數(shù)，表示空函數(shù)；
只有一個(gè)參數(shù)，表示函數(shù)體；
有N個(gè)參數(shù)，最后一個(gè)表示函數(shù)體，前面所有的都表示函數(shù)體的參數(shù)；

綜上，new Function 在功能上與普通函數(shù)并無(wú)二意。從下面的代碼，也可以看出。

function foo(a, b){
  var sum = a + b;
  return sum;
}

var foo = new Function("a", "b", "var sum = a + b; return sum;");

3、函數(shù)的原型鏈
任何函數(shù)都是Function的實(shí)例，所以函數(shù)可以通過(guò)__proto__訪問(wèn)到其原型（Function.prototype）。原型也是一個(gè)對(duì)象，繼承自O(shè)bject.prototype。當(dāng)前的原型鏈結(jié)構(gòu)為：
fn -> Function.prototype -> Object.prototype -> null