原型與原型鏈

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

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

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

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

var o1 = new Object();

原型（共有屬性）

語(yǔ)法：
var 對(duì)象 = new 函數(shù)();
對(duì)象.__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 是對(duì)象的屬性
prototype 是函數(shù)的屬性

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

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

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

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

相關(guān)文章

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

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

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

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

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

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

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

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

XBaron 2019-08-20 10:45 評(píng)論0 收藏0
原型鏈一：原型與原型鏈

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

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

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

draveness 2019-08-23 18:06 評(píng)論0 收藏0