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

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

JavaScript

狐的傳說 2018-11-23 18:14:19

在javascript設(shè)計(jì)模式中第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)這個(gè)函數(shù)F。如果按照這種方式實(shí)現(xiàn)的繼承關(guān)系，那么最后subClass實(shí)例化出來的對象它的原型鏈應(yīng)該如下圖：但是實(shí)際上 chrom控制臺輸出的卻是如下圖其中的那個(gè)函數(shù)F并沒有在chrom的調(diào)試中表現(xiàn)出來。我的問題就是F為什么沒有在原型鏈中？

查看完整描述

1 回答

慕雪6442864

TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個(gè)贊

Test.__proto__ === subClass.prototype

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

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