摘要:属性对性能影响非常严重,不建议使用。当你创建函数时,会为这个函数自动添加属性。构造函数原型的默认指向自身。所有对象均从继承属性。结果见下图普通对象是构造函数的实例,所以普通对象的原型是。总结和其它函数由产生,的是他自己。
_proto_
每个对象都有一个__proto__(前后各两个下划线)属性来标识自己所继承的原型对象。__proto__属性对性能影响非常严重,不建议使用。
prototype只有函数才有prototype属性。当你创建函数时,JS会为这个函数自动添加prototype属性。构造函数原型的constructor默认指向自身。
function Person(){ this.name="aaa"; } Person===Person.prototype.constructor // true console.log(Person.prototype);// 结果见下图Object和Function
每个内置对象都是一个native object。一个内置的对象同时也是一个构造函数。function是一种对象类型。
Function
function是内置Function的实例,即普通函数是Function的实例。因此普通函数的constructor是Function。Function的constructor还是他自己。
function Person(){var a=1;} Person.constructor //function Function() { [native code] } Function //function Function() { [native code] } Function.constructor //function Function() { [native code] } Function===Function.constructor //true
函数都有prototype属性和__proto__ 属性。函数的__proto__ 属性均是function () { [native code] }。可以这样理解,function既是对象,又是函数。function作为对象,有__proto__ 属性,因为__proto__ 属性指向构造函数的原型,而function是由Function创建的,因此普通函数.__proto__ =Function.prototype。
function Person(){var a=1;} Person.__proto__===Function.prototype ///true Function.prototype //function () { [native code] }
Function.prototype和Function.__proto__为同一对象。这是由于构造Function的是他自己,根据普通函数.__proto__ =Function.prototype,所以Function.__proto__ =Function.prototype。
Function.prototype //function () { [native code] } Function.__proto__ // function () { [native code] } Function.prototype===Function.__proto__ //true
Function.prototype的__proto__是Object.prototype。可以这样理解:Function.prototype也是一个原型对象,而普通对象的原型是Object.prototype,所以
Function.prototype.__proto__===Object.prototype //true
注意:使用 Function.prototype.bind创造的函数,没有prototype属性。
Object
Object.__proto__是Function.prototype。因为Object本身是个(构造)函数,是Function的实例。
Object.__proto__ //function () { [native code] } Object.constructor //function Function() { [native code] }
原型链的尽头(root)是Object.prototype。所有对象均从Object.prototype继承属性。
Object.prototype.__proto__ // null
某个对象.__proto__ =构造函数.prototype 。
var a={}; a.__proto__===Object.prototype //true a.__proto__ //结果见下图
普通对象是Object构造函数的实例,所以普通对象的原型是Object.prototype。
function Person(){this.name="aa";} var b=new Person(); b.__proto__===Person.prototype; //true b.__proto__ //结果见下图
上图中b对象是Person构造函数的实例,所以b对象的原型是Person.prototype。
总结1. Object和其它函数由Function产生,Function的constructor是他自己。
2. 一个对象必定有__proto__,而原型链的顶端是Object.prototype。
3. Object.prototype 是对象,但是不是通过Object函数创建的。因为Object.prototype.__proto__为null。
4. Object的__proto__是Function.prototype,但是Function.prototype也是一个原型对象,因此Function.prototype.__proto__为Object.prototype。
参考自:
从__proto__和prototype来深入理解JS对象和原型链
Function
文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。
转载请注明本文地址:https://www.ucloud.cn/yun/82909.html
摘要:今天同事小英童鞋问了我一个问题小英童鞋认为的原型对象是,所以会继承的属性,调用相当于调用,但结果不是一个方法。构造函数创建对象实例函数有两个不同的内部方法和。如果不通过关键字调用函数,则执行函数,从而直接执行代码中的函数体。 今天同事小英童鞋问了我一个问题: function Foo(firstName, lastName){ this.firstName = firstNam...
摘要:写在前面如果说是一本武学典籍,那么原型链就是九阳神功。那么,如何修炼好中的九阳神功呢真正的功法大成的技术是从底层上去理解,那种工程师和码农的区别就在于对底层的理解,当你写完一行代码,或者你遇见一个解决的速度取决于你对底层的理解。 写在前面 如果说JavaScript是一本武学典籍,那么原型链就是九阳神功。在金庸的武侠小说里面,对九阳神功是这样描述的:练成「九阳神功」后,会易筋洗髓;生出...
摘要:写在前面如果说是一本武学典籍,那么原型链就是九阳神功。那么,如何修炼好中的九阳神功呢真正的功法大成的技术是从底层上去理解,那种工程师和码农的区别就在于对底层的理解,当你写完一行代码,或者你遇见一个解决的速度取决于你对底层的理解。 写在前面 如果说JavaScript是一本武学典籍,那么原型链就是九阳神功。在金庸的武侠小说里面,对九阳神功是这样描述的:练成「九阳神功」后,会易筋洗髓;生出...
摘要:写在前面如果说是一本武学典籍,那么原型链就是九阳神功。那么,如何修炼好中的九阳神功呢真正的功法大成的技术是从底层上去理解,那种工程师和码农的区别就在于对底层的理解,当你写完一行代码,或者你遇见一个解决的速度取决于你对底层的理解。 写在前面 如果说JavaScript是一本武学典籍,那么原型链就是九阳神功。在金庸的武侠小说里面,对九阳神功是这样描述的:练成「九阳神功」后,会易筋洗髓;生出...
阅读 2566·2023-04-25 20:50
阅读 3904·2023-04-25 18:45
阅读 2192·2021-11-17 17:00
阅读 3304·2021-10-08 10:05
阅读 3048·2019-08-30 15:55
阅读 3475·2019-08-30 15:44
阅读 2339·2019-08-29 13:51
阅读 1090·2019-08-29 12:47