亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

JavaScript 中 obj.hasOwnProperty(prop) 方法的理解

標簽:
JavaScript

方才看了一篇有关数据的深拷贝文章,发现了hasOwnProperty被用到其中,回想了下,在很多代码看到了它的身影,特别是在 for...in 的组合中,之前也不是特别在意它的用意,只是凭简单的意识认为:“就是检测下对象是不是有个属性罢了”,为了弄清真的用意,因此特别的研究了一番。

for(let i in obj){
    if(obj.hasOwnProperty(i)){
        //todo
    }
}

首先是查资料,MDN的解释是:

这个方法可以用来检测一个对象是否含有特定的自身属性
语法:obj.hasOwnProperty(prop)
参数:要检测的属性 字符串 名称或者 Symbol
返回值: 用来判断某个对象是否含有指定的属性的 Boolean

直接上代码来个示例:

function ObjWithProto(){
    this.foo = 'foo_val'
}
ObjWithProto.prototype.bar = 'bar_val'
var dict = new ObjWithProto()
dict.foobar = 'foobar_val'

dict.hasOwnProperty('foo') // true
dict.hasOwnProperty('foobar') // true
dict.hasOwnProperty('bar') // false

再来看 for…in , 遍历一个对象的可枚举属性

for(let i in dict){
    console.log(i)
}
//foo
// foobar
// bar        //原型链上的bar也获取到了

为了遍历一个对象的所有属性时忽略掉继承属性,使用hasOwnProperty()来过滤该对象上的继承属性。

for(let i in dict){
    if(dict.hasOwnProperty(i)){
       console.log(i)
    }
}
//foo
//foobar

再来看看原型连上的一个继承

    function ObjWithProto(){
        this.foo = 'foo_val'
    }
    ObjWithProto.prototype.bar = 'bar_val'

    function Person(){
        this.name = 'Person_name'
    }
    Person.prototype = new ObjWithProto()
    var _child = new Person()

    for(let i in _child){
        console.log(i)
    }

    console.log('------ this is a line -------')

    for(let i in _child){
        if(_child.hasOwnProperty(i)){
            console.log(i)
        }
    }
    _child.hasOwnProperty('name') // true
    _child.hasOwnProperty('foo') // false
    _child.hasOwnProperty('bar') // false

    //name
    //foo
    //bar
    //------ this is a line -------
    //name

用for...in循环会获取到原型链上的可枚举属性,不过可以使用hasOwnProperty()方法过滤掉。

END
(有误地方请指正)

點擊查看更多內容
5人點贊

若覺得本文不錯,就分享一下吧!

評論

作者其他優質文章

正在加載中
Web前端工程師
手記
粉絲
14
獲贊與收藏
130

關注作者,訂閱最新文章

閱讀免費教程

感謝您的支持,我會繼續努力的~
掃碼打賞,你說多少就多少
贊賞金額會直接到老師賬戶
支付方式
打開微信掃一掃,即可進行掃碼打賞哦
今天注冊有機會得

100積分直接送

付費專欄免費學

大額優惠券免費領

立即參與 放棄機會
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

舉報

0/150
提交
取消