解析js中的原型链和在原型链中对象属性查找

刺骨的言语ヽ痛彻心扉 2022-06-16 10:15 243阅读 0赞

在了解原型链之前需要先知道什么是原型，什么是原型继承。

## 1，原型： ##

每一个函数都会有一个prototype属性，当然也就包括构造函数这种特殊的函数在内，我们可以把整个prototype就叫做原型。

## 2.原型继承 ##

在js中原型继承是实现继承的一种方式，其他的实现继承的方式还有使用call函数apply函数等。实现原型继承的方式是将上级函数实例赋值给下级函数的原型。

## 3.原型链 ##

在js中由于原型继承的关系，就会产生一种叫做原型链的东西，那么到底什么是原型链呢？

原型链：简单来说就是函数原型通过继承关系联系在一起，形成的链式结构就被叫做原型链。简单来说就是在实现原型继承的时候，会将下级函数的原型和上级函数的实例联系起来，那么多个构造函数相互继承，将彼此的原型联系起来就形成了原型链。

## 4.原型链中对象属性的查找规则 ##

在原型链中，我们想要查找某一个对象的属性，如果该属性在当前对象所在的函数中查找，如果没有的话就会沿着原型链向上查找，找到的话就返回属性值，如果都没有的话就会返回undefined。举个例子

//原型链中属性的查找
    		function Person(name,color){
    			this.name=name;
    			this.color=color;
    		}
    		function Teacher(name,age){
    			this.name=name;
    			this.age=age;
    		}
    		//实现继承
    		Teacher.prototype=new Person();
    		Teacher.prototype.book="书本";
    		var t1=new Teacher("aa",32);
    		//查找属性
    		//1.当Teacher中含有name属性，不管有没有赋值都表明在Teacher中含有name属性
    		console.log(t1.name);

//2.当查找Teacher中没有的属性的时候,但是Teacher的原型中有该属性
    		console.log(t1.book);

//3.当查找Teacher原型和本身都没有属性的时候，但是上级函数中有该属性的时候
    		console.log(t1.color);

以上的三种情况就是一个很明显的利用原型链查找属性的例子，可以写个demo简单实验一下，只要测试过之后肯定能够很清晰的理解啦。

## 5.在面向对象原型链中常见的函数 ##

1.hasOwnProperty():判断属性是否是自身私有属性，如果是的话返回true，否则的返回false

2.in：判断属性是否可用，不管是自身私有还是原型中的属性，如果可用的话返回true,否则的返回false。

感兴趣的同学可以深究一下这两个函数，这里就不用代码举例子了。

## 6.总结 ##

该博客基本介绍了原型链的形成，以及在原型链中如何查找对象属性的问题，还有两个简单的函数。如果该文章能够对您产生帮助那是再好不过的。

发表评论取消回复

表情：

评论列表（有 0 条评论，243人围观）

还没有评论，来说两句吧...

相关阅读

相关 Js-对象的原型和原型链及原型对象方法

Ⅰ- 壹 - 对象的原型和原型链一对象简介什么是对象，其实就是一种类型，即引用类型。而对象的值就是引用类型的实例。在 ECMAScript 中引用类型是

曾经终败给现在/ 2023年07月06日 09:53/ 0 赞/ 24 阅读

相关 js中的原型链和原型链继承

先用一张图来解释一下原型链的结构： ![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nL

分手后的思念是犯贱/ 2023年06月30日 05:23/ 0 赞/ 32 阅读

相关 js中的原型与原型链

一、什么是原型原型：每一个javascript对象(除null外)创建的时候，都会与之关联另一个对象，这个对象就是我们所说的原型，每一个对象都会从原型中“继承”属性。

本是古典何须时尚/ 2023年01月02日 04:23/ 0 赞/ 196 阅读

相关 js中原型和原型链

1.创建一个没有原型的对象： <!DOCTYPE html> <html lang="en"> <head> <met

客官°小女子只卖身不卖艺/ 2022年12月08日 12:52/ 0 赞/ 184 阅读

相关 JS中的原型与原型链

JS中的原型可以类比于Java中的父类。在Java中实现继承有接口继承与实现继承两种方式，接口继承只继承方法签名，而实现继承则继承实际的方法。由于JS中的函数没有签名，

左手的ㄟ右手/ 2022年10月01日 07:56/ 0 赞/ 179 阅读

相关解析js中的原型链和在原型链中对象属性查找

在了解原型链之前需要先知道什么是原型，什么是原型继承。 1，原型：每一个函数都会有一个prototype属性，当然也就包括构造函数这种特殊的函数在内，我们可以把整个p

刺骨的言语ヽ痛彻心扉/ 2022年06月16日 10:15/ 0 赞/ 244 阅读

相关 JS之对象、原型、原型链

一：对象的声明方式 1、字面式声明对象如下: > var ohj=\{ > > 属性名称:属性值, > > 方法名称:function()\{ > > //函

客官°小女子只卖身不卖艺/ 2022年05月19日 00:38/ 0 赞/ 226 阅读

相关 JS 中原型和原型链深入理解

首先要搞明白几个概念： > 1. 函数（function） > 2. 函数对象(function object) > 3. 本地对象(native object) >

绝地灬酷狼/ 2022年05月18日 00:04/ 0 赞/ 228 阅读

相关原型对象和原型链

JS中存在一种原型和原型链 <script> //构造函数 function Person(name, age) {

灰太狼/ 2022年05月15日 04:04/ 0 赞/ 249 阅读

相关《JS中的原型与原型链》

原型与原型链：简单的说就是一个公用属性，将各数据类型都有的函数和方法放到一个地方去，然后想用的时候就从哪个地方拿，这样可以节省内存。 var o1 = new

- 日理万妓/ 2022年03月01日 11:44/ 0 赞/ 306 阅读