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