梳理 | JavaScript 原型鏈

本文旨在進行學習過程中的知識梳理,如有問題還望多多指教。

1、概念

F.prototype 原型屬性
o.___proto____ 原型對象

___proto____ 是站在對象的角度討論其原型對象
prototype 是站在構造函數(shù)的角度討論原型屬性, 或構造函數(shù)創(chuàng)建的對象的
原型對象

實例成員就是 由構造函數(shù)創(chuàng)建的對象的成員
靜態(tài)成員就是 構造函數(shù)的成員

2、原型鏈

Object

Object原型鏈

Object原型鏈
var o1 = new Object();

兩個Object

創(chuàng)建兩個對象

var o1 = new Object();
var o2 = new Object();

兩個Func

Func原型鏈

var f1 = new Func();
var f2 = new Func();

Func函數(shù)原型屬性發(fā)生轉(zhuǎn)向,黃色變?yōu)榧t色,指向f2

Func函數(shù)原型屬性發(fā)生轉(zhuǎn)向

var f1 = new Func();
var f2 = new Func();
構造函數(shù)與原型屬性
var p = new Object()

Person對象完整原型鏈結(jié)構

完整原型鏈

var p = new Person()
p.constructor == Object.prototype.constructor //true

兩個Person對象最終都指向Object.prototype對象,Object.prototype對象的proto指向null

兩個對象原型鏈

var p1 = new Person();
var p2 = new Person();
?著作權歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內(nèi)容

  • JS中原型鏈,說簡單也簡單。 首先明確: 函數(shù)(Function)才有prototype屬性,對象(除Object...
    前小白閱讀 4,066評論 0 9
  • 原型鏈是一種機制,指的是 JavaScript 每個對象都有一個內(nèi)置的 __proto__ 屬性指向創(chuàng)建它的構造函...
    劼哥stone閱讀 4,567評論 15 80
  • ??面向?qū)ο螅∣bject-Oriented,OO)的語言有一個標志,那就是它們都有類的概念,而通過類可以創(chuàng)建任意...
    霜天曉閱讀 2,244評論 0 6
  • 本文主要基于一篇 MySQL Tutorial的文章,同時補充了自己的幾個實踐。 概述 我們在執(zhí)行普通的 MySQ...
    li3p閱讀 3,748評論 0 0
  • “這TM的沒有意義” 鄭鈞第一張 個人專輯 —— 赤裸裸 發(fā)行于 —— 1994 ……燈色菩提芥園主人非臺 5
    芥園主人閱讀 141評論 0 0

友情鏈接更多精彩內(nèi)容