JavaScript（五） hasOwnProtype原型链过滤

最新推荐文章于 2024-08-14 00:38:35 发布

原创最新推荐文章于 2024-08-14 00:38:35 发布 · 2.1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript #原型链

javascript 同时被 2 个专栏收录

34 篇文章

订阅专栏

牛客网学习笔记

21 篇文章

订阅专栏

本文探讨JavaScript中的原型链，解释如何通过Object.getPrototypeOf或proto属性访问原型，并阐述其在继承中的作用。同时，详细介绍了hasOwnProperty函数，用于判断对象是否包含自定义属性而非原型链上的属性，以及在for in loop中提高效率的应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

原型链

在JavaScript中,一共有两种类型的值,原始值和对象值.每个对象都有一个内部属性[[prototype]],我们通常称之为原型.原型的值可以是一个对象,也可以是null.如果它的值是一个对象,则这个对象也一定有自己的原型.这样就形成了一条线性的链,我们称之为原型链.

访问一个对象的原型可以使用ES5中的Object.getPrototypeOf方法,或者ES6中的proto属性.

原型链的作用是用来实现继承,比如我们新建一个数组,数组的方法就是从数组的原型上继承而来的.

var arr = [];
arr.map === Array.prototype.map    //arr.map是arr.__proto__上继承下来的,arr.__proto__也就是Array.prototype

　ECMAScript中描述了原型链的概念，并将原型链作为实现继承的主要方法。其基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。在JavaScript中，用 proto 属性来表示一个对象的原型链。当查找一个对象的属性时，JavaScript 会向上遍历原型链，直到找到给定名称的属性为止！

这里写图片描述

Object.prototype.hasOwnProperty()

hasOwnProperty函数

hasOwnProperty是判断一个对象是否包含自定义属性而不是原型链上的属性，是JS中唯一一个查找属性，但不查找原型链的函数。

但是JS不会保护hasOwnProperty函数，如果刚好某个对象中也有hasOwnProperty函数，则我们可以通过以下方式正确获得想要的结果:

alert({}.hasOwnProperty.call(c, ‘tax’)); //返回true

这里的c是Calculator的一个对象,tax是我们要找的属性。

当我面在for in loop 语句中查找属性时，用hasOwnProperty函数，提高效率:

1  Object.prototype.bar = 1;
2     var foo={moo : 1}
3     for (var i in foo) {
4         if(foo.hasOwnProperty(i)) {
5             alert(console.log(i));
6         } 
7     }//此时只会输出moo属性