我们都知道在JS的世界中,几乎所有东西都是对象,而对象又是通过继承来层层获得属性和方法,
var str = new String('mario');console.dir(str);
首先我们要区分String对象和function String(){}构造函数的区别,JS中对象继承__proto__的是对象,函数继承__proto__的是函数(虽然函数也是对象),只有函数才有原型prototype属性供它实例的对象继承,也就是说str.__proto__ === String.prototype;在CHROME中显示如下:
String0: "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 : 0name : ""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 :nullcaller : nulllength : 1name : "Function"prototype : ƒ ()__proto__ : ƒ ()
几乎就只有一个名字Function;而创造它的匿名函数 f 就像是女娲;
可以这么说,所有的函数都继承于这个特殊匿名函数 f ,都有个原型,供它的实例对象继承,而这个原型又继承于终极的Object对象。总结:
JS里的所有对象分为两类,一般对象,作为函数的对象;
一般对象首先继承于创建它的原型对象,再继承于终极Object对象,constructor属性指向创建它的构造函数;当然作为终极Object对象,虽然没有在继承的对象,但是有创造他的构造函数即constructor属性,function Object(){};函数继承于特殊的匿名函数 f ,还有个原型prototype即终极Object对象供它的实例对象继承,而它的建造者就是已自身为原型和继承的终极大BOSS function Function(){};