首页 / JAVASCRIPT / JavaScript 原型链学习总结

JavaScript 原型链学习总结

内容导读

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

内容图文

Function和Object都是函数的实例

Function的父原型指向到Function的原型，Function的原型的父原型是Object的原型。
Object的父原型也指向到Function的原型。
一个实例的对像，它的默认的父原型为其构造函数的显示原型
[每个对像都有一个隐慝的属性用于指向到它的父对像（构造对像的函数）的原型(这里称为父原型或隐式原型）。因为原型也是对像,所以原型也有父原型,Object的原型是所有父原型的顶层(原型根)，这样就形成了所谓原型链]

对像属性访问原则

　　当从一个对像那里读取属性时，如果对像自身属性列表中不存在这样的属性，就会去自己关联的父原型对像那里寻找，如果父原型对像属性列表中也没有这样的属性则会这个父原型的父原型那里查找，直到找到或直到对顶层原型[Object.prototype]对像属性列表的查找完毕
调用对象的方法跟访问属性搜索过程一样，因为方法的函数对象就是对象的一个属性值。
实例：
代码如下:

Object.prototype.m1 = function(){ 
alert("我是狮子"); 
} 
function Class1(str){ 
this.p1 = str; 
} 
function Class2(){} 
Class2.prototype.m1 = function(){ 
alert("你好"); 
} 
var n1 = new Class1("毛狮子"); 
//@__proto__属性是对像父原型的引用 
//@Object.prototype.__proto__=null 
/* 
n1的原型链 
n1.__proto__=Class1.prototype 
Class1.prototype.__proto__=Object.prototype 

*/ 
var n2 = new Class2(); 
/* 
n2的原型链 
n2.__proto__=Class2.prototype 
Class2.prototype.__proto__=Object.prototype 
*/ 
n1.m1();//===Object.prototype.m1(); 
n2.m1();//===Class2.prototype.m1(); 
alert(n1.p1);//毛狮子 
alert(n2.p1);//undefined

内容总结

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

内容备注

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

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/370342.html

来源：【匿名】