- 構(gòu)造函數(shù)的
__proto__
function Animal(){
}
var anim = new Animal();
Object.__proto__===Function.prototype //true
Array.__proto__===Function.prototype //true
Animal.__proto__===Function.prototype //true
Function.prototype===Function //false
Function.prototype.constructor===Function //true
Object Array Animal都是由Function new出來的脚粟，所以他們的__proto__都指向Function.prototype
Function.prototype上面掛載的有bind call apply toString等方法导帝。
- 普通對象
anim.__proto__===Animal.prototype //true
Animal.prototype.__proto__===Object.prototype //true
Object.prototype.__proto__===null; //true
--> anim.__proto__.__proto__.__proto__===null
var dog={}大刊；
dog.__proto__===Object.prototype //true
Object.prototype.__proto__===null //true
-->dog.__proto__.__proto__===null //true
每個普通對象的__proto__都指向其構(gòu)造函數(shù)的prototype
每個對象的__proto__都指向其構(gòu)造函數(shù)的prototype（除了Object.prototype.__proto__===null //true）
dog與anim相比，少了一層__proto__
由于__proto__不是IE對象內(nèi)置屬性联贩，只是chrome和firefox對象內(nèi)置屬性锈死，所以在編碼的時候不能直接用__proto__關(guān)聯(lián)普通對象之間的關(guān)系钓辆，可以這么理解prototype是普通對象和函數(shù)對象的橋梁(構(gòu)造函數(shù))，prototype所有瀏覽器都支持考传，直接可以使用吃型，而__proto__則不可以，ES5有了Object.create()去關(guān)聯(lián)普通對象的關(guān)系僚楞，主要用在繼承：
var obj1 = {name:'one'};
var obj2 = Object.create(obj1);
創(chuàng)建一個對象并且將obj2的__proto__指向obj1,即是做了一下兩步操作：
var obj2={};
obj2.__proto__=obj1;
查看redux( "version": "4.0.0-beta.1",)代碼的時候發(fā)現(xiàn)了這么句話：
function dispatch(action) {
if (!isPlainObject(action)) {
throw new Error(
'Actions must be plain objects. ' +
'Use custom middleware for async actions.'
)
}
}
utils/isPlainObject.js的實現(xiàn)
export default function isPlainObject(obj) {
if (typeof obj !== 'object' || obj === null) return false
let proto = obj
while (Object.getPrototypeOf(proto) !== null) {
proto = Object.getPrototypeOf(proto)
}
return Object.getPrototypeOf(obj) === proto
}
lodash同樣有isPlainObject
function isPlainObject(value) {
// 判斷是不是純對象勤晚，數(shù)組也不是純對象
if (!isObjectLike(value) || baseGetTag(value) != '[object Object]') {
return false
}
// 判斷是不是由Object.create(null)創(chuàng)建
if (Object.getPrototypeOf(value) === null) {
return true
}
// 循環(huán)判斷value的__proto__是不是等于Object.prototype,如果是new Foo()創(chuàng)建的就不相等
let proto = value
while (Object.getPrototypeOf(proto) !== null) {
proto = Object.getPrototypeOf(proto)
}
return Object.getPrototypeOf(value) === proto
}
export default isPlainObject
lodash和redux的代碼可以看出，redux并不認為Object.create(null)創(chuàng)建的對象是純對象
我們都知道很多瀏覽器是不支持__proto__寫法的镜硕，所以可以使用Object.getPrototypeOf(obj)拿到obj的__proto__
var obj={name:'oo'}
obj.__proto__===Object.prototype //true
Object.getPrototypeOf(obj)===Object.prototype //true
所以Object.getPrototypeOf(obj)和obj.__proto__是等價的
Js中Prototype运翼、
__proto__、Constructor兴枯、Object血淌、Function關(guān)系介紹
