JS中Function和Object的繼承關(guān)系

lieeps 發(fā)布于2019-08-23 17:54 / 2337人閱讀

摘要：問題中和的繼承關(guān)系回答如下圖所示理解產(chǎn)生的無所有的構(gòu)造函數(shù)都繼承于所有原型對象都繼承于，除了本身

問題：JS中Function和Object的繼承關(guān)系？
回答：如下圖所示

理解：
function Foo () {}
let foo = new Foo();
let obj = { show: function (){}};

1 new 產(chǎn)生的function/object無prototype
foo.__proto__ === Foo.prototype; // true
foo.prototype; // undefined

2 所有function/object的構(gòu)造函數(shù)都繼承于Function.prototype
Foo.__proto__ === Function.prototype; // true
obj.show.__proto__ === Function.prototype; // true
Object.__proto__ === Function.prototype; // true

3 所有原型對象都繼承于Object.prototype，除了Object.prototype本身
Foo.prototype.__proto__ === Object.prototype; // true
obj.show.prototype.__proto__ === Object.prototype; // true
Function.prototype.__proto__ === Object.prototype; // true
Object.prototype.__proto__ === null; // true

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/104336.html

相關(guān)文章

JavaScript即學(xué)即用教程[1]-類型系統(tǒng)

摘要：如圖反而，由于這些的都是繼承自，所以原型鏈拐向了。因此這樣一個實例，他順著原型鏈是找到了如圖選學(xué)內(nèi)容如果我們刨根問底，去尋找和的根源的話，那這個問題又稍微有點復(fù)雜了。基本類型 Number， Boolean， String， null， undefined 什么樣的變量是 undefined 聲明了變量卻沒賦值未聲明的變量包裝類型其實js里面也有像java，c#里所謂的包裝...

toddmark 2019-08-22 17:11 評論0 收藏0
剖析JS的原型鏈和繼承

摘要：接下來我們來聊一下的原型鏈繼承和類。組合繼承為了復(fù)用方法，我們使用組合繼承的方式，即利用構(gòu)造函數(shù)繼承屬性，利用原型鏈繼承方法，融合它們的優(yōu)點，避免缺陷，成為中最常用的繼承。 JavaScript是一門面向?qū)ο蟮脑O(shè)計語言，在JS里除了null和undefined，其余一切皆為對象。其中Array/Function/Date/RegExp是Object對象的特殊實例實現(xiàn)，Boolean/N...

darkerXi 2019-08-21 16:48 評論0 收藏0
重溫JS基礎(chǔ)--繼承

摘要：繼承了如上，我們通過方法借調(diào)了超類的構(gòu)造函數(shù)，實際上是在新創(chuàng)建的實力環(huán)境下調(diào)用了構(gòu)造函數(shù)。組合繼承組合繼承的基本思想將原型鏈和借用構(gòu)造函數(shù)的技術(shù)組合到一塊，從而發(fā)揮二者之長的一種繼承模式。繼承方法在上面這個例子中，構(gòu)造函數(shù)定義了兩個屬性和。在ECMAScript中只支持實現(xiàn)繼承，而且實現(xiàn)繼承主要是依靠原型鏈來實現(xiàn)的。 1. 什么是原型鏈繼承基本思想：利用原型讓一個引用類型繼承另一個...

sixleaves 2019-08-21 17:21 評論0 收藏0
JS基礎(chǔ)-Prototype原型繼承

摘要：如何確定原型和實例的關(guān)系第一個方法是，，用于檢測實例與原型鏈中出現(xiàn)過的構(gòu)造函數(shù)。所謂寄生組合繼承，即通過借用構(gòu)造函數(shù)方式，繼承屬性，通過原型鏈形式繼承方法。概述原型和閉包是JS的兩個難點，最近碰到了原型繼承的概念，正好在這里總結(jié)一下。既然要實現(xiàn)繼承，就一定要有一個父類。 // 定義一個父類 function father(name) { ...

frolc 2019-08-22 17:15 評論0 收藏0
js實現(xiàn)繼承的幾種方法

摘要：實現(xiàn)繼承的方法借用構(gòu)造函數(shù)解決原型中包含引用類型所帶來的問題的過程中，使用借用構(gòu)造函數(shù)偽造對象或經(jīng)典繼承來實現(xiàn)繼承。繼承在ECMAScript中繼承主要是依靠原型鏈來實現(xiàn)的。實現(xiàn)繼承的方法利用原型讓一個引用類型繼承另一個引用類型的屬性和方法什么是原型鏈先要了解構(gòu)造函數(shù)、原型、和實例的關(guān)系：每一個構(gòu)造函數(shù)都有一個原型對象，原型對象都包含一個指向構(gòu)造函數(shù)的指針，實例都包含...

pkhope 2019-08-26 11:00 評論0 收藏0