原型與原型鏈

LuDongWei 發(fā)布于2019-08-26 13:38 / 1792人閱讀

摘要：因?yàn)槊總€地址里都會存在和這樣會造成內(nèi)存浪費(fèi)所以要使用公用屬性來節(jié)省空間原型共有屬性語法對象函數(shù)對象函數(shù)函數(shù)函數(shù)的共有屬性是的共有屬性是的共有屬性的共有屬性和的區(qū)別是什么是對象的屬性是函數(shù)的屬性無代碼狀態(tài)瀏覽器會先把代碼初始好是的共用屬性的引

var n = new Number(1);
var s = new String("hi");
var b = new Boolean(true);
var o = new Object();

因?yàn)槊總€地址里都會存在toString 和 valueOf
這樣會造成內(nèi)存浪費(fèi)
所以要使用 Object公用屬性 來節(jié)省空間

var o1 = new Object();

原型（共有屬性）

語法：
var 對象 = new 函數(shù)();
對象.__proto__ === 函數(shù).prototype
var obj = 函數(shù).prototype
函數(shù).prototype.__proto__ === object.prototype

//Obiect 的共有屬性是 Object.prototype
var o1 = {};
o1.__proto__ === Object.prototype; //true

//Number 的共有屬性是 Object.prototype
var n1 = new.Number(1);
n1.__proto__ === Number.prototype; //true
n1.__proto__.__proto__ === Object.prototype //true

//String 的共有屬性
var s1 === new String("1");
s1.__proto__ ===  String.prototype; //true
s1.__proto__.__proto__ ===  Object.prototype; //true

//Boolean 的共有屬性
var b1 = new Boolean(true);
b1.__proto__ ===  Boolean.prototype; //true
b1.__proto__.__proto__ ===  Boolean.prototype; //true

proto 和 prototype 的區(qū)別是什么？

proto 是對象的屬性
prototype 是函數(shù)的屬性

無代碼狀態(tài) 瀏覽器會先把代碼初始好
String.prototype 是 String 的共用屬性的引用
s.__proto__ 是 string 的共用屬性的引用

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

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

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

相關(guān)文章

《javascript高級程序設(shè)計》筆記：原型圖解

摘要：不理解沒關(guān)系，下面會結(jié)合圖例分析上一篇高級程序設(shè)計筆記創(chuàng)建對象下一篇高級程序設(shè)計筆記繼承參考之原型鏈的解讀三張圖搞懂的原型對象與原型鏈繼承與原型鏈文章直接從原型圖解開始的，如果對一些概念不太清除，可以結(jié)合后面幾節(jié)查看 1. 圖解原型鏈 1.1 鐵三角關(guān)系（重點(diǎn)） function Person() {}; var p = new Person(); showImg(https://s...

vspiders 2019-08-21 17:29 評論0 收藏0
【5】JavaScript 函數(shù)高級——原型與原型鏈深入理解（圖解）

摘要：探索是如何判斷的表達(dá)式如果函數(shù)的顯式原型對象在對象的隱式原型鏈上，返回，否則返回是通過自己產(chǎn)生的實(shí)例案例案例重要注意的顯示原型和隱式原型是一樣的。面試題測試題測試題報錯對照下圖理解原型與原型鏈深入理解（圖解）原型（prototype）函數(shù)的 prototype 屬性（圖）每個函數(shù)都有一個prototype屬性，它默認(rèn)指向一個Object空對象（即稱為：原型對象）原型對象中有...

馬龍駒 2019-08-23 17:17 評論0 收藏0
JavaScript中的原型與原型鏈

摘要：前言作為前端高頻面試題之一，相信很多小伙伴都有遇到過這個問題。前言作為前端高頻面試題之一，相信很多小伙伴都有遇到過這個問題。那么你是否清楚完整的了解它呢？國際慣例，讓我們先拋出問題：什么是原型、原型鏈它們有什么特點(diǎn) 它們能做什么怎么確定它們的關(guān)系或許你已經(jīng)有答案，或許你開始有點(diǎn)疑惑，無論是 get 新技能或是簡單的溫習(xí)一次，讓我們一起去探究一番吧如果文章中有出現(xiàn)紕...

laoLiueizo 2019-08-23 16:58 評論0 收藏0
進(jìn)擊JavaScript之（四）原型與原型鏈

摘要：每一個由構(gòu)造函數(shù)創(chuàng)建的對象都會默認(rèn)的連接到該神秘對象上。在構(gòu)造方法中也具有類似的功能，因此也稱其為類實(shí)例與對象實(shí)例一般是指某一個構(gòu)造函數(shù)創(chuàng)建出來的對象，我們稱為構(gòu)造函數(shù)的實(shí)例實(shí)例就是對象。表示該原型是與什么構(gòu)造函數(shù)聯(lián)系起來的。本文您將看到以下內(nèi)容：傳統(tǒng)構(gòu)造函數(shù)的問題一些相關(guān)概念認(rèn)識原型構(gòu)造、原型、實(shí)例三角結(jié)構(gòu)圖對象的原型鏈函數(shù)的構(gòu)造函數(shù)Function 一句話說明什么...

XBaron 2019-08-20 10:45 評論0 收藏0
原型鏈一：原型與原型鏈

摘要：說白了，原型就是構(gòu)造函數(shù)用來構(gòu)造新實(shí)例的模板對象。什么是原型鏈先回答什么是原型。例如這個原型的原型就是這個構(gòu)造函數(shù)的，既這個原型對象。這些原型對象通過像鏈子一樣連起來，就叫做原型鏈。原型鏈初步學(xué)習(xí) 這篇博客只是我初步理解原型鏈的一個個人學(xué)習(xí)筆記,寫的比較粗略,且有的地方可能理解錯誤. 更多更專業(yè)的關(guān)于原型鏈的解釋請看JavaScript深入之從原型到原型鏈和阮一峰的博客:Javas...

MudOnTire 2019-08-22 17:04 評論0 收藏0
JavaScript系列--淺析原型鏈與繼承

摘要：綜上所述有原型鏈繼承，構(gòu)造函數(shù)繼承經(jīng)典繼承，組合繼承，寄生繼承，寄生組合繼承五種方法，寄生組合式繼承，集寄生式繼承和組合繼承的優(yōu)點(diǎn)于一身是實(shí)現(xiàn)基于類型繼承的最有效方法。一、前言繼承是面向?qū)ο螅∣OP）語言中的一個最為人津津樂道的概念。許多面對對象（OOP）語言都支持兩種繼承方式:：接口繼承和實(shí)現(xiàn)繼承。接口繼承只繼承方法簽名,而實(shí)現(xiàn)繼承則繼承實(shí)際的方法。由于js中方法沒有簽名...

draveness 2019-08-23 18:06 評論0 收藏0