JS中原型的理解

我们都知道在JS的世界中,几乎所有东西都是对象,而对象又是通过继承来层层获得属性和方法,

var str = new String('mario');
console.dir(str);

首先我们要区分String对象和function String(){}构造函数的区别,JS中对象继承__proto__的是对象,函数继承__proto__的是函数(虽然函数也是对象),只有函数才有原型prototype属性供它实例的对象继承,也就是说str.__proto__ === String.prototype;在CHROME中显示如下:

String
0: "m"
1: "a"
2: "r"
3: "i"
4: "o"
length: 5
__proto__: String
[[PrimitiveValue]]: "mario"

字符串对象的长度是5,初始值是“mario” 继承于String对象;这个String对象包含了我们熟知的大部分方法和属性如:
charAt(),charCodeAt()……….,仔细看String对象的属性和方法也包含一个constructor和__proto__属性,其中__proto__又指向Object对象,constructor指向的是 构造函数function String(){};
__proto__指向的Object对象包含以下属性和方法:

constructor  :ƒ Object()
hasOwnProperty : ƒ hasOwnProperty()
isPrototypeOf : ƒ isPrototypeOf()
propertyIsEnumerable : ƒ propertyIsEnumerable()
toLocaleString : ƒ toLocaleString()
toString : ƒ toString()
valueOf : ƒ valueOf()
__defineGetter__ : ƒ __defineGetter__()
__defineSetter__ : ƒ __defineSetter__()
__lookupGetter__ : ƒ __lookupGetter__()
__lookupSetter__ : ƒ __lookupSetter__()
get __proto__ : ƒ __proto__()
set __proto__ : ƒ __proto__()
[[PrimitiveValue]] : ""

这个Object对象没有__proto__属性,说明这个Object对象已经是继承的终点,所有的对象最终都会继承于它。
我们在看看最初的String对象有个constructor属性指向的是构造函数function String(){};说明每个对象都有一个constructor属性指向创建它的构造函数,所以字符串的constructor会指向String构造函数,那么问题是在JS中,函数也是对象,那么函数的作为对象时又是如何继承的呢,
实际上所有的构造函数都会继承一个特殊的匿名函数f(){};这个特殊的匿名函数只有最基本的属性和方法:

apply : ƒ apply()
arguments : (...)
bind : ƒ bind()
call : ƒ call()
caller : (...)
constructor : ƒ Function()
length : 0
name : ""
toString : ƒ toString()
Symbol(Symbol.hasInstance) : ƒ [Symbol.hasInstance]()
get arguments : ƒ ThrowTypeError()
set arguments : ƒ ThrowTypeError()
get caller : ƒ ThrowTypeError()
set caller : ƒ ThrowTypeError()
__proto__ : Object

这个特殊的匿名函数f,做为对象又继承了终极对象Object,虽然函数也是对象,但是作为JS中的一等公民,他又有自己的特权,匿名函数f又作为一等公民中的特殊存在,它又有什么特殊的属性和方法呢,通过上面显示的属性和方法我们看到匿名函数f创建它的构造函数是fuction Function(){};不要小看这个构造函数,它是特殊的匿名函数f以自己为原型和继承自己的属性创造的,就像女娲按照自己的样子和能力,创造了第一个人类,其他的人类的原型都是这个人,这个人我们简称始祖吧,只有简单的属性和方法,

arguments :null
caller : null
length : 1
name : "Function"
prototype : ƒ ()
__proto__ : ƒ ()

几乎就只有一个名字Function;而创造它的匿名函数 f 就像是女娲;
可以这么说,所有的函数都继承于这个特殊匿名函数 f ,都有个原型,供它的实例对象继承,而这个原型又继承于终极的Object对象。

总结:

JS里的所有对象分为两类,一般对象,作为函数的对象;
一般对象首先继承于创建它的原型对象,再继承于终极Object对象,constructor属性指向创建它的构造函数;当然作为终极Object对象,虽然没有在继承的对象,但是有创造他的构造函数即constructor属性,function Object(){};
函数继承于特殊的匿名函数 f ,还有个原型prototype即终极Object对象供它的实例对象继承,而它的建造者就是已自身为原型和继承的终极大BOSS function Function(){};

    原文作者:scupture
    原文地址: https://segmentfault.com/a/1190000010932642
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞