成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

原型與原型鏈

denson / 402人閱讀

摘要：全局對象規(guī)定全局對象叫做，但是瀏覽器把作為全局對象瀏覽器先存在的。就是一個(gè)哈希表，里面含有很多屬性。對象表示一個(gè)包含文檔的窗口，其屬性指向窗口中載入的文檔。使用屬性可以獲取指定文檔所在窗口。在標(biāo)簽瀏覽器比如中，每個(gè)標(biāo)簽具有自己的對象。

全局對象

ECMAScript規(guī)定全局對象叫做global，但是瀏覽器把window作為全局對象（瀏覽器先存在的）。
window就是一個(gè)哈希表，里面含有很多屬性。
window 對象表示一個(gè)包含DOM文檔的窗口，其 document 屬性指向窗口中載入的 DOM文檔 。使用 document.defaultView 屬性可以獲取指定文檔所在窗口。
在標(biāo)簽瀏覽器（比如Firefox）中，每個(gè)標(biāo)簽具有自己的 window 對象。也就是說，同一個(gè)窗口的標(biāo)簽之間不會共享一個(gè) window 對象。
無代碼時(shí)，創(chuàng)建一個(gè)新頁面window就會被創(chuàng)建。
window的屬性就是全局變量。
這些全局變量分為兩種：

1、一種是 ECMAScript 規(guī)定的

例如：

parseInt

parseFloat

Number

String

Boolean

Object

2、一種是瀏覽器自己加的屬性

例如：

alert

prompt

comfirm

console.log

console.dir

document

document.createElement

document.getElementById

簡單類型和對象的區(qū)別 1、創(chuàng)建一個(gè)number 
var n = 1
var n = new Number(1)

這兩個(gè)都是創(chuàng)建一個(gè)Number類型的數(shù)據(jù)，但是區(qū)別在于，第二個(gè)創(chuàng)建的是聲明一個(gè)對象，因?yàn)閖s創(chuàng)建初期要求和java相像，所以才有了這種數(shù)據(jù)創(chuàng)建方式,雖然用第一種創(chuàng)建的是一個(gè)簡單數(shù)據(jù)類型，但是卻可以擁有toString，valueOf等函數(shù)，這是因?yàn)榕R時(shí)轉(zhuǎn)換成一個(gè)temp臨時(shí)對象，而這個(gè)對象中包含了那些函數(shù)

2、創(chuàng)建一個(gè)string 
var s = "string"
var s = new String("string")

創(chuàng)建string也有兩種方法，第二種方法和第一種的區(qū)別就是，第二種創(chuàng)建的也是一個(gè)對象，具體和number是一樣的

3、創(chuàng)建一個(gè)boolean 
var b = true
var b = new Boolean(ture)

創(chuàng)建布爾類型也有兩種方法，第二種創(chuàng)建的是一個(gè)對象，和number和string一樣，但是布爾使用第二種創(chuàng)建方法有個(gè)問題就是，因?yàn)榈诙N創(chuàng)建的是一個(gè)對象，所以如果直接用來判斷無論是真假都會變成真，就像這樣

var b = new Boolean(false)

b == Boolean?{false}
!!b == true

因?yàn)樗袑ο筠D(zhuǎn)換為布爾值都為真

4、創(chuàng)建一個(gè)object 
var o = {}
var o = new Object()

對于創(chuàng)建對象來說，兩種創(chuàng)建方法得出的對象完全一樣

公用屬性（原型） 原型

所有對象上都有toString，valueOf這兩個(gè)函數(shù)，但是如果創(chuàng)建一個(gè)對象就創(chuàng)建一次這種共有的函數(shù)，那是非常占內(nèi)存的。
所以就將這些對象共有的函數(shù)給取出來重新生成一個(gè)對象并存在一個(gè)地址，這樣每創(chuàng)建一個(gè)對象將共有函數(shù)的地址存進(jìn)去就可以使每個(gè)對象調(diào)用其公用屬性了，不用浪費(fèi)去聲明重復(fù)意義的函數(shù)
在對象中存在一個(gè)隱藏屬性__proto__來儲存公用屬性的地址，當(dāng)要調(diào)用toString時(shí)，首先看對象屬性里存不存這個(gè)函數(shù)，如果不存在就會進(jìn)入公用屬性里面去找，然后調(diào)用

//控制臺打印
var o1 = {}
undefined
var o2 = new Object()
undefined
o1 === o2
false
o1.toString === o2.toString
true

由此可以看出，不同對象里的公用函數(shù)是一樣的，這個(gè)公用屬性就是原型
通過原型這種機(jī)制，JavaScript 中的對象從其他對象繼承功能特性；這種繼承機(jī)制與經(jīng)典的面向?qū)ο缶幊陶Z言的繼承機(jī)制不同。

原型鏈

不僅只有object有公用屬性，Number、String、Boolean都有各自的共有屬性，如果創(chuàng)建一個(gè)number類型，其中toFixed函數(shù)并沒有存在于Obj的公用屬性里面，那么它要存在哪里
這就是因?yàn)镹umber也存在自己的公用屬性，當(dāng)使用Number創(chuàng)建一個(gè)對象的時(shí)候，對象中存在隱藏屬性__proto__儲存著Number公用屬性的地址，而Number的公用屬性中也存在著一個(gè)隱藏屬性__proto__，這個(gè)隱藏屬性存著的地址是Object的公用屬性的地址

var n = new Number(1)
var o1 = new Object()
n.__proto__.__proto__ === o1.__proto__
true

不僅是Number類型是這樣，String和Boolean類型中也存在各自的公用屬性，而像上面描述的那樣，Number對象存在隱藏屬性指向Number的公用屬性，Number公用屬性中存在隱藏屬性指向Object的公用屬性，像這樣像一條鏈子一樣將它們的公用屬性串連起來的東西就叫做原型鏈

__proto__和prototype

我們都知道瀏覽器有垃圾回收機(jī)制，但是當(dāng)我打開一個(gè)頁面什么都沒有創(chuàng)建時(shí)，公用屬性作為一個(gè)哈希表，如果沒有被引用，那么它就將會被回收，而是什么引用的它們呢

Object.prototype

這個(gè)就是object的公用屬性，也就是原型

var o1 = {}
o1.__proto__ === Object.prototype
true

Number對象也是一樣的

var n1 = new Number(1)
n1.__proto__ === Number.prototype
true

由此我們可以推出n1的公用屬性的公用屬性就是

n1.__proto__.__proto__ === Object.prototype
true

String和Boolean也是和Number一樣

var s1 = new String("1")
var b1 = new Boolean(true)

b1.__proto__ === Boolean.prototype
true
s1.__proto__ === String.prototype
true
b1.__proto__.__proto__ === Object.prototype
true
s1.__proto__.__proto__ === Object.prototype
true

聲明一個(gè)變量，就是一、將哈希整理好，二、__proto__指向公用屬性
prototype和__proto__都是對公用屬性的引用，區(qū)別在于，prototype是防止公用屬性被垃圾回收清理，而__proto__是對公用屬性的使用
總結(jié)來說就是

var 對象 = new 函數(shù)()
對象.__proto__ === 函數(shù).prototype//因?yàn)?Function 是 Object 的構(gòu)造函數(shù)。

__proto__是對象的屬性，prototype是函數(shù)的屬性
雖然String.prototype的隱藏屬性指向

String.prototype.__proto__ === Object.prototype
true

但是Object.prototype的隱藏屬性指向null

Object.prototype.__proto__ === null
true

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

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

相關(guān)文章

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

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

    vspiders 評論0 收藏0

  • 【5】JavaScript 函數(shù)高級——原型與原型鏈深入理解（圖解）

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

    馬龍駒 評論0 收藏0

  • JavaScript中的原型與原型鏈

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

    laoLiueizo 評論0 收藏0

  • 進(jìn)擊JavaScript之（四）原型與原型鏈

    摘要：每一個(gè)由構(gòu)造函數(shù)創(chuàng)建的對象都會默認(rèn)的連接到該神秘對象上。在構(gòu)造方法中也具有類似的功能，因此也稱其為類實(shí)例與對象實(shí)例一般是指某一個(gè)構(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 評論0 收藏0

  • 原型鏈一：原型與原型鏈

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

    MudOnTire 評論0 收藏0

  • JavaScript系列--淺析原型鏈與繼承

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

    draveness 評論0 收藏0

發(fā)表評論

0條評論

最新活動(dòng)
閱讀需要支付1元查看
<