JavaScript(五) hasOwnProtype原型链 过滤
2015-10-18 20:03
543 查看
原型链
在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属性
相关文章推荐
- 组合模式
- [Javascript] Querying an Immutable.js Map()
- servlet中filter的的异步问题以及JSP与servlet配合时filter的注意
- js闭包
- javascript于boolean类型转换,运营商&&和|| 返回值
- [Javascript] Modifying an Immutable.js Map()
- 服务器和前台采用JSON通讯
- javascript函数
- JSON数据解析(转)
- js输出console
- HTML / JavaScript / PHP 实现页面跳转的几种方式
- 一点用JS写控制权限的心得
- [LeetCode][JavaScript]Remove Duplicates from Sorted Array
- [LeetCode][JavaScript]Remove Duplicates from Sorted Array II
- JS编程去掉注释部分
- JSP之应用Servlet过滤器进行身份验证
- JSON数据解析(GSON方式) (转)
- html+js实现四则元算计算器
- js错误处理
- Ember.js 入门指南——定义模型