原型對象prototype和原型屬性[[Prototype]]

構造器:能夠被 new 運算符調用, Boolean,Number,String,Date,RegExp,Error,Function,Array,Object 都是構造器,他們有各自的實現方式。數組

好比:var s=new String("test")函數

s的 [[Prototype]] 內部屬性設定爲標準內置的字符串原型對象,它是 String.prototype 的初始值。
s的 [[Class]] 內部屬性設定爲 "String"。
s的 [[Extensible]] 內部屬性設定爲 true。
s的 [[PrimitiveValue]] 內部屬性設定爲 ToString("test")。this

除這些內置全局對象的構造器以外,還有建立的函數對象也能夠用new運算符調用,由於在建立函數對象的過程當中,設定了其內部屬性[[Construct]],同時給它設置一個原型對象,這個原型對象和new Object建立的對象同樣。prototype

這裏說明下函數對象的[[call]] ,[[Construct]],
var f=function(a,b,c){}
f()調用[[call]]內部屬性方法,創建執行環境,返回返回值。
var ff=new f()調用[[Construct]]內部方法,建立一個空對象,並對其設置內部屬性和方法,好比[[Prototype]]屬性指向f的prototype。並以該對象爲 this 值,調用參數列表,調用f的 [[Call]] 內部屬性,若是返回一個對象則返回該對象,不然返回此前創立的空對象。對象

因此每一個構造器有一個原型對象prototype。繼承

每一個對象都有一個內部屬性[[Prototype]],它指向本身的構造函數的原型對象,同理,其構造函數的原型對象也有有一個內部屬性[[Prototype]]指向本身的原型對象,這就造成原型鏈。固然這個原型鏈不是無窮的,Object的原型對象的[[Prototype]]是null。
拿Array爲例:
Array的原型是數組原型對象,Array構造器的[[Prototype]]是函數原型對象。
當var arr=new Array()時,
arr的內部屬性[[Prototype]]指向Array.prototype。原型鏈

下面就來驗證下:字符串

var a=Array.call(this,2)
結果a是長度爲2的空數組。其中call方法就繼承自 Function.prototype原型

arr.push(1);
push繼承自 Array.prototypeit

console.log(arr.prototype) //結果爲 undefined,可見其沒有原型對象了。
var arrNew=new arr() //TypeError: object is not a function 由於沒有內部屬性[[Construct]],拋出異常

再看例2:var f=function(){}console.log(f.prototype) //Object {}var ff=new f() //{}對象

相關文章
相關標籤/搜索