JavaScript中的原型链prototype介绍

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了JavaScript中的原型链prototype介绍，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1771字，纯文字阅读大概需要3分钟。

内容图文

JavaScript中的继承是通过原型链(prototype chain)来完成的：每个对象内部都有另外一个对象作为其prototype而存在，对象从这个prototype中继承属性(property)。对于每个对象来说，可以用以下三种方式来访问其原型对象：

1.__proto__。可以通过对象的__proto__属性来访问其原型对象。该属性仅在Firefox、Safari和Chrome中得到支持，在IE和Opera中不支持。

2.Object.getPrototypeOf()。可以将对象作为参数传入Object.getPrototypeOf()方法，执行后即返回对象的原型对象。此方法仅在ECMAScript 5标准中得到支持。

3.o.constructor.prototype。通过先获取对象的constructor函数，然后再通过访问constructor函数的prototype属性来访问到原型对象。使用此方法的前提为：对象中存在指向构造函数的constructor属性。

判断两个对象间是否存在原型链关系可以使用isPrototype()方法：

代码如下:
var p = {x:1};
var o = Object.create(p);
console.log(p.isPrototypeOf(o));//true

对于所有用字面量创建的对象而言，其prototype对象均为Object.prototype(作为一个特殊对象，Object.prototype没有原型对象)：

代码如下:
var x = {a:18, b:28};
console.log(x.__proto__);//Object {}

而对于所有用new操作符创建的对象而言，其prototype对象均为constructor函数的prototype属性：

代码如下:
var x = {a:18, b:28};
function Test(c){
  this.c = c;
}
Test.prototype = x;
var t = new Test(38);
console.log(t);//Object {c=38, a=18, b=28}
console.log(t.__proto__);//Object {a=18, b=28}
console.log(t.__proto__.__proto__);//Object {}

JavaScript中使用new操作符创建对象的过程如下：

1.创建一个新的空对象。
2.将这个对象的__proto__属性指向constructor函数的prototype属性。
3.将这个对象作为this参数，执行constructor函数。

从上述创建过程可以得出结论：所有从同一个constructor函数中构造出来的对象，其__proto__属性(也即其原型对象)相等，也就是说，只存在一个原型对象：

代码如下:
var t = new Test(38);
var t2 = new Test(68);
console.log(t === t2);//false
console.log(t.__proto__ === t2.__proto__);//true

内容总结

以上是互联网集市为您收集整理的JavaScript中的原型链prototype介绍全部内容，希望文章能够帮你解决JavaScript中的原型链prototype介绍所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端