首頁猿問對js設(shè)計模式中extend函數(shù)的...

對js設(shè)計模式中extend函數(shù)的實現(xiàn)的一點疑問

JavaScript 設(shè)計模式

慕后森 2018-08-03 19:25:44

在javascript設(shè)計模式中第4.2.2章節(jié)中對extend函數(shù)的書寫如下function extend(subClass,superClass){ var F = function(){}; F.prototype = superClass.prototype; subClass.prototype = new F(); subClass.prototype.constructor = subClass; }我的問題就是有關(guān)這個函數(shù)F。如果按照這種方式實現(xiàn)的繼承關(guān)系，那么最后subClass實例化出來的對象它的原型鏈應(yīng)該如下圖：但是實際上 chrom控制臺輸出的卻是如下圖其中的那個函數(shù)F并沒有在chrom的調(diào)試中表現(xiàn)出來。我的問題就是F為什么沒有在原型鏈中？

查看完整描述

1 回答

HUH函數(shù)

TA貢獻1836條經(jīng)驗獲得超4個贊

Test.__proto__ === subClass.prototype
Test.__proto__.__proto__ === subClass.prototype.__proto__ === superClass.prototype

這就是原型鏈了，空函數(shù)F只是作為一個臨時的構(gòu)造函數(shù)，本質(zhì)上只是為了實現(xiàn)subClass.prototype.__proto__ === superClass.prototype，本來這樣的實現(xiàn)方式subClass.prototype = new superClass()就可以實現(xiàn)，但是使用空函數(shù)可以避免一些問題，比如說superClass的屬性很多

反對回復(fù) 2018-08-06