Javascript中的prototype和__proto__的理解

一、联系

prototype和__proto__都指向原型对象,任意一个函数(包括构造函数)都有一个prototype属性,指向该函数的原型对象,同样任意一个构造函数实例化的对象都有一个__proto__属性(__proto__并非标准属性,ECMA-262第5版将该属性或指针称为[[Prototype]],可通过Object.getPrototypeOf()标准方法访问该属性),指向构造函数的原型对象。如下代码所示:

function a() {//console.log("I'am a function."); } //b是实例化对象,a是构造函数 var b = new a();console.log(b.__proto__ == a.prototype); //true
console.log(Object.getPrototypeOf(b) == a.prototype); //true,标准方法返回的结果和上述一样

二、区别

基于上述的示例代码,我们继续稍微深入去看看prototype和__proto__的区别到底在哪里,如下:

//注意:a作为构造函数时的prototype属性与a作为普通函数时的__proto__属性并不相等 console.log(a.prototype == a.__proto__);//false//这个怎么理解呢,我们再看看如下代码 console.log(a.__proto__); //function (){} console.log(a.__proto__ == Function.prototype);//true//实际上,a作为一个普通函数调用的时候,它的构造函数就是内置对象Function了,所以它指向的原型对象,自然对应就是Function.prototype. //其实这个和console.log(b.__proto__ == a.prototype)是一样的道理//我们继续看如下代码,当a作为构造函数时,它的原型,和它的原型的原型都指向神马 console.log(a.prototype); //a{} console.log(a.prototype.__proto__); //Object{}//我们再看看a作为普通函数时,它原型的原型指向神马 console.log(a.__proto__.__proto__); //Object{}//即有以下结果 console.log(a.__proto__.__proto__ == a.prototype.__proto__); //true

//结论:prototype属性可以给函数和对象添加可共享(继承)的方法、属性,而__proto__是查找某函数或对象的原型链方式
//因此,
有人说原型链实际是通过__proto__属性链接起来的,也是有一定道理的

综上所述,要理解prototype和__proto__的联系区别,我认为主要需明确以下两点,对理解prototype和__proto__是比较有用的:

  1. JavaScript中的函数是对象,而且除了使用字面量定义外,都需要通过函数来创建对象;
  2. prototype是构造函数访问原型对象,__proto__是对象实例访问原型对象。 

笔者QQ群:148042812


本文来自互联网用户投稿,文章观点仅代表作者本人,不代表本站立场,不承担相关法律责任。如若转载,请注明出处。 如若内容造成侵权/违法违规/事实不符,请点击【内容举报】进行投诉反馈!

相关文章

立即
投稿

微信公众账号

微信扫一扫加关注

返回
顶部