js原型鏈

garfileo 發(fā)布于2019-08-23 14:22 / 3427人閱讀

摘要：圖片引自看到這張圖的第一感覺是對于完整的原型鏈大家平常可能接觸的并不多，容易忘記，單看圖并不是很好理解，以下是在控制臺的輸出首先要知道的作用是一個對象擁有的內(nèi)置屬性請注意是函數(shù)的內(nèi)置屬性，是對象的內(nèi)置屬性，是內(nèi)部使用尋找原型鏈的屬性。

圖片引自https://juejin.im/post/5b44a4...

看到這張圖的第一感覺是

對于完整的原型鏈大家平?？赡芙佑|的并不多，容易忘記，單看圖并不是很好理解，以下是在控制臺的輸出
首先要知道_proto_的作用,__proto__是一個對象擁有的內(nèi)置屬性（請注意：prototype是函數(shù)的內(nèi)置屬性，__proto__是對象的內(nèi)置屬性），是JS內(nèi)部使用尋找原型鏈的屬性。指向自身構(gòu)造函數(shù)的原型,同理調(diào)用prototype可以看作調(diào)用者是函數(shù)，__proto__調(diào)用者可以看成是對象
以O(shè)bject開始直到回到Object

Object.constructor
=> ? Function() { [native code] } 等同于 function Function { [native code] }
Object的構(gòu)造函數(shù)其實是一具名函數(shù) Function

Object.constructor.constructor
=> ? () { [native code] } 等同于匿名函數(shù) function(){ [native code] }

Object.constructor.__proto__ == Object.constructor.prototype
=> ? () { [native code] }

Object.constructor.__proto__.constructor
=> ? Function() { [native code] } 等同于 function Function { [native code] }

Object.constructor.__proto__.__proto__
=> Object.prototype 如下
{constructor: ?, __defineGetter__: ?, __defineSetter__: ?, hasOwnProperty: ?, __lookupGetter__: ?,?…}

Object.constructor.__proto__.__proto__.constructor
=> Object 又回到了自己
Object.constructor.__proto__.__proto__.__proto__ 
=> Null

至于程序為什么這么設(shè)計，這里就不再討論了，有一點一開始學(xué)習(xí)記住是什么比為什么更重要，因為誰也解釋不了1+1為什么等于二，記憶很重要

GPU云服務(wù)器云服務(wù)器 js原型鏈的繼承原型原型鏈原型鏈原型鏈繼承

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

轉(zhuǎn)載請注明本文地址：http://m.specialneedsforspecialkids.com/yun/100498.html

相關(guān)文章

JS基礎(chǔ)-原型、原型鏈真的不能一知半解

摘要：原型鏈和對象的原型是對象實例和它的構(gòu)造函數(shù)之間建立的鏈接，它的值是構(gòu)造函數(shù)的。對象的原型根據(jù)上文提到的構(gòu)造調(diào)用函數(shù)的時候會創(chuàng)建一個新對象，自動將的原型指向構(gòu)造函數(shù)的對象。 showImg(https://segmentfault.com/img/remote/1460000020185197); JS的原型、原型鏈一直是比較難理解的內(nèi)容，不少初學(xué)者甚至有一定經(jīng)驗的老鳥都不一定能完全說清...

changfeng1050 2019-08-26 11:00 評論0 收藏0
從實現(xiàn)角度分析js原型鏈

摘要：從實現(xiàn)角度分析原型鏈歡迎來我的博客閱讀從實現(xiàn)角度分析原型鏈網(wǎng)上介紹原型鏈的優(yōu)質(zhì)文章已經(jīng)有很多了，比如說作為補充，就讓我們換個角度，從實現(xiàn)來分析一下吧本文假設(shè)你對原型鏈已經(jīng)有所了解。從實現(xiàn)角度分析js原型鏈歡迎來我的博客閱讀：《從實現(xiàn)角度分析js原型鏈》網(wǎng)上介紹原型鏈的優(yōu)質(zhì)文章已經(jīng)有很多了，比如說： https://github.com/mqyqingfeng/Blog/issu...

CompileYouth 2019-08-20 19:04 評論0 收藏0
理解js的原型與繼承

摘要：相當(dāng)于在用原型繼承編寫復(fù)雜代碼前理解原型繼承模型十分重要。同時，還要清楚代碼中原型鏈的長度，并在必要時結(jié)束原型鏈，以避免可能存在的性能問題。 js是一門動態(tài)語言,js沒有類的概念,ES6 新增了class 關(guān)鍵字，但只是語法糖，JavaScript 仍舊是基于原型。至于繼承,js的繼承與java這種傳統(tǒng)的繼承不一樣.js是基于原型鏈的繼承. 在javascript里面,每個對象都有一...

wthee 2019-08-20 12:25 評論0 收藏0
js 的原型原型鏈原型鏈的繼承

摘要：圖片描述缺點是無法實現(xiàn)多繼承可以在構(gòu)造函數(shù)中，為實例添加實例屬性。對象的方法 Object.assign() 對象可以簡寫，如果 key 和 value 相等則可以簡寫 let name = xm; let age = 2; let obj = { name， age, fn(){ // 可以省略函數(shù)關(guān)鍵字和冒號： console.log(2...

soasme 2019-08-26 10:13 評論0 收藏0
js原型鏈

摘要：構(gòu)造函數(shù)，實例，原型三者的關(guān)系如下圖構(gòu)造函數(shù)是構(gòu)成整個原型鏈的關(guān)鍵，是他利用將原型傳給了后代。因此，通過操縱構(gòu)造函數(shù)的，就能夠操縱原型鏈，從而對原型鏈進行自在的拼接。要理解js的原型鏈主要就是理清楚以下三者的關(guān)系：構(gòu)造函數(shù)的protitype屬性對象的__proto__屬性對象的constructor屬性在js中，函數(shù)作為一等公民，它是一個對象，可以擁有自己的屬性，可...

NervosNetwork 2019-08-22 17:59 評論0 收藏0
【前端基礎(chǔ)進階】JS原型、原型鏈、對象詳解

摘要：二構(gòu)造函數(shù)我們先復(fù)習(xí)一下構(gòu)造函數(shù)的知識上面的例子中和都是的實例。這兩個實例都有一個構(gòu)造函數(shù)屬性，該屬性是一個指針指向。原型鏈其中是對象的實例。一. 普通對象與函數(shù)對象 JavaScript 中，萬物皆對象！但對象也是有區(qū)別的。分為普通對象和函數(shù)對象，Object 、Function 是 JS 自帶的函數(shù)對象。下面舉例說明 var o1 = {}; var o2 =new Objec...

explorer_ddf 2019-08-23 15:30 評論0 收藏0