js中hasOwnProperty的属性及实例用法详解
程序员文章站
2022-06-25 12:39:46
1、js不会保护hasownproperty被非法占用,如果一个对象碰巧存在这个属性, 就需要使用外部的hasownproperty 函数来获取正确的结果。2、当检查对象上某个属性是否存在时,haso...
1、js不会保护hasownproperty被非法占用,如果一个对象碰巧存在这个属性, 就需要使用外部的hasownproperty 函数来获取正确的结果。
2、当检查对象上某个属性是否存在时,hasownproperty 是唯一可用的方法。
实例
var foo = { hasownproperty: function() { return false; }, bar: 'here be dragons' }; foo.hasownproperty('bar'); // 总是返回 false // 使用其它对象的 hasownproperty,并将其上下文设置为foo ({}).hasownproperty.call(foo, 'bar'); // true
知识点扩展:
判断自身属性是否存在
var o = new object(); o.prop = 'exists'; function changeo() { o.newprop = o.prop; delete o.prop; } o.hasownproperty('prop'); // true changeo(); o.hasownproperty('prop'); // false
判断自身属性与继承属性
function foo() { this.name = 'foo' this.sayhi = function () { console.log('say hi') } } foo.prototype.saygoodby = function () { console.log('say good by') } let mypro = new foo() console.log(mypro.name) // foo console.log(mypro.hasownproperty('name')) // true console.log(mypro.hasownproperty('tostring')) // false console.log(mypro.hasownproperty('hasownproperty')) // fasle console.log(mypro.hasownproperty('sayhi')) // true console.log(mypro.hasownproperty('saygoodby')) // false console.log('saygoodby' in mypro) // true
遍历一个对象的所有自身属性
在看开源项目的过程中,经常会看到类似如下的源码。for...in循环对象的所有枚举属性,然后再使用hasownproperty()方法来忽略继承属性。
var buz = { fog: 'stack' }; for (var name in buz) { if (buz.hasownproperty(name)) { alert("this is fog (" + name + ") for sure. value: " + buz[name]); } else { alert(name); // tostring or something else } }
注意 hasownproperty 作为属性名
javascript 并没有保护 hasownproperty 属性名,因此,可能存在于一个包含此属性名的对象,有必要使用一个可扩展的hasownproperty方法来获取正确的结果:
var foo = { hasownproperty: function() { return false; }, bar: 'here be dragons' }; foo.hasownproperty('bar'); // 始终返回 false // 如果担心这种情况,可以直接使用原型链上真正的 hasownproperty 方法 // 使用另一个对象的`hasownproperty` 并且call ({}).hasownproperty.call(foo, 'bar'); // true // 也可以使用 object 原型上的 hasownproperty 属性 object.prototype.hasownproperty.call(foo, 'bar'); // true
到此这篇关于js中hasownproperty的属性及实例用法详解的文章就介绍到这了,更多相关js中hasownproperty的属性用法内容请搜索以前的文章或继续浏览下面的相关文章希望大家以后多多支持!
下一篇: JQuery表单元素取值赋值方法总结