javascript 中__proto__和prototype詳解
__proto__是內(nèi)部原型，prototype是構(gòu)造器原型（構(gòu)造器其實(shí)就是函數(shù)）
構(gòu)造器的原型（prototype）是一個(gè)對(duì)象
那什么是構(gòu)造器呢？
要想創(chuàng)建一個(gè)對(duì)象，首先要有一個(gè)對(duì)象構(gòu)造器，就像php里面一樣，要想創(chuàng)建一個(gè)對(duì)象，首先要有一個(gè)類
構(gòu)造器的實(shí)質(zhì)就是一個(gè)函數(shù)，下面的問題是：如何通過這個(gè)構(gòu)造器來創(chuàng)建一個(gè)對(duì)象呢？
答案： new
構(gòu)造器構(gòu)造的是對(duì)象。
一、所有構(gòu)造器/函數(shù)的__proto__都指向Function.prototype，它是一個(gè)空函數(shù)（Empty function）
Number.__proto__ === Function.prototype
// true
Boolean.__proto__ === Function.prototype
// true
String.__proto__ === Function.prototype
// true
Object.__proto__ === Function.prototype
// true
Function.__proto__ === Function.prototype
// true
Array.__proto__ ===
Function.prototype
// true
RegExp.__proto__ === Function.prototype
// true
Error.__proto__ ===
Function.prototype
// true
Date.__proto__ ===
Function.prototype
// true
說明了Number等都是構(gòu)造器，這些構(gòu)造器其實(shí)是Function的一個(gè)對(duì)象。 也就是說相當(dāng)于 var Number = new Function();
JavaScript中有內(nèi)置(build-in)構(gòu)造器/對(duì)象共計(jì)12個(gè)（ES5中新加了JSON），這里列舉了可訪問的8個(gè)構(gòu)造器。剩下如Global不能直接訪問，Arguments僅在函數(shù)調(diào)用時(shí)由JS引擎創(chuàng)建，Math，JSON是以對(duì)象形式存在的，無需new。它們的__proto__是Object.prototype。如下
Math.__proto__ === Object.prototype
// true
JSON.__proto__ === Object.prototype
// true
上面說的“所有構(gòu)造器/函數(shù)”當(dāng)然包括自定義的。如下
// 函數(shù)聲明
function Person()
{}
// 函數(shù)表達(dá)式
var Man
=
function()
{}
console.log(Person.__proto__ === Function.prototype)
// true
console.log(Man.__proto__ ===
Function.prototype)
// true
這說明什么呢？
所有的構(gòu)造器都來自于Function.prototype，甚至包括根構(gòu)造器Object及Function自身。所有構(gòu)造器都繼承了Function.prototype的屬性及方法。如length、call、apply、bind（ES5）。
Function.prototype也是唯一一個(gè)typeof XXX.prototype為 “function”的prototype。其它的構(gòu)造器的prototype都是一個(gè)對(duì)象。如下
console.log(typeof Function.prototype)
// function
console.log(typeof Object.prototype)
// object
console.log(typeof Number.prototype)
// object
console.log(typeof Boolean.prototype)
// object
console.log(typeof String.prototype)
// object
console.log(typeof Array.prototype)
// object
console.log(typeof RegExp.prototype)
// object
console.log(typeof Error.prototype)
// object
console.log(typeof Date.prototype)
// object
console.log(typeof Object.prototype)
// object
噢，上面還提到它是一個(gè)空的函數(shù)，alert(Function.prototype) 下看看。
知道了所有構(gòu)造器（含內(nèi)置及自定義）的__proto__都是Function.prototype，那Function.prototype的__proto__是誰呢？
相信都聽說過JavaScript中函數(shù)也是一等公民，那從哪能體現(xiàn)呢？如下
console.log(Function.prototype.__proto__ ===
Object.prototype)
// true
這說明所有的構(gòu)造器也都是一個(gè)普通JS對(duì)象，可以給構(gòu)造器添加/刪除屬性等。同時(shí)它也繼承了Object.prototype上的所有方法：toString、valueOf、hasOwnProperty等。
最后Object.prototype的__proto__是誰？
Object.prototype.__proto__ ===
null //
true
已經(jīng)到頂了，為null。
大家是否對(duì)javascript 中__proto__和prototype之間的區(qū)別聯(lián)系有所了解了呢，有疑問就留言，大家共同探討吧
- 數(shù)據(jù)排序誰最快(javascript中的Array.prototype.sort PK 快速排序)
- JavaScript使用prototype定義對(duì)象類型
- 比較詳細(xì)的javascript對(duì)象的property和prototype是什么一種關(guān)系
- 不錯(cuò)的一篇關(guān)于javascript-prototype繼承
- javascript prototype的深度探索不是原型繼承那么簡單
- javascript prototype 原型鏈
- javascript Prototype 對(duì)象擴(kuò)展
- JavaScript isPrototypeOf和hasOwnProperty使用區(qū)別
- JavaScript中的prototype使用說明
- JavaScript為對(duì)象原型prototype添加屬性的兩種方式
- javascript中的prototype屬性使用說明(函數(shù)功能擴(kuò)展)
- javascript Array.prototype.slice使用說明
- 擴(kuò)展javascript的Date方法實(shí)現(xiàn)代碼(prototype)
- JavaScript面向?qū)ο笾甈rototypes和繼承
- JavaScript prototype屬性深入介紹
- 深入了解javascript中的prototype與繼承
- JavaScript中幾個(gè)重要的屬性(this、constructor、prototype)介紹
- JavaScript prototype 使用介紹
- JavaScript中的prototype.bind()方法介紹
- Javascript中Array.prototype.map()詳解
- JavaScript設(shè)計(jì)模式之原型模式(Object.create與prototype)介紹
- 跟我學(xué)習(xí)javascript的prototype使用注意事項(xiàng)
相關(guān)文章
繼承的封裝貌似在每個(gè)語言中都有，在本文為大家詳細(xì)介紹下，JavaScript的繼承的封裝，感興趣的朋友不要錯(cuò)過2013-10-10
使用?Next.js?Cli?快速搭建和運(yùn)行?Web?應(yīng)用
這篇文章主要介紹了使用?Next.js?Cli?快速搭建和運(yùn)行?Web?應(yīng)用,需要的朋友可以參考下2024-04-04
這篇文章主要介紹了javascript作用域和閉包使用詳解,需要的朋友可以參考下2014-04-04
這篇文章主要介紹了微信和qq時(shí)間格式模板實(shí)例詳解的相關(guān)資料,需要的朋友可以參考下2016-10-10
深入理解JavaScript系列（18）：面向?qū)ο缶幊讨瓻CMAScript實(shí)現(xiàn)
這篇文章主要介紹了深入理解JavaScript系列（18）：面向?qū)ο缶幊讨瓻CMAScript實(shí)現(xiàn),本文講解了數(shù)據(jù)類型、原始值類型、Object類型、動(dòng)態(tài)性、內(nèi)置對(duì)象、原生對(duì)象及宿主對(duì)象等內(nèi)容,需要的朋友可以參考下2015-03-03
JavaScript的21條基本知識(shí)點(diǎn)
這篇文章主要介紹了JavaScript的21條基本知識(shí)點(diǎn)的相關(guān)資料,需要的朋友可以參考下2014-03-03
本文為大家詳細(xì)介紹下JS中Date日期函數(shù)中的參數(shù)在實(shí)際使用中的介紹，感興趣的朋友不要錯(cuò)過2014-01-01
這篇文章主要介紹了JavaScript基本的輸出和嵌入式寫法教程,是JavaScript入門學(xué)習(xí)中的基礎(chǔ)知識(shí),需要的朋友可以參考下2015-10-10
JavaScript的instanceof運(yùn)算符學(xué)習(xí)教程
instanceof運(yùn)算符可以用來判斷某個(gè)構(gòu)造函數(shù)的prototype屬性所指向的對(duì)象是否存在于另外一個(gè)要檢測(cè)對(duì)象的原型鏈上,這里我們就來看一下JavaScript的instanceof運(yùn)算符學(xué)習(xí)教程2016-06-06
JavaScript基礎(chǔ)心法 數(shù)據(jù)類型
一個(gè)很基礎(chǔ)的知識(shí)點(diǎn)，這篇主要是介紹JavaScript中基本數(shù)據(jù)類型和引用數(shù)據(jù)類型是如何存儲(chǔ)的,需要的朋友可以參考下2018-03-03