方法1:.
或[]
符号
let test = {name: ‘lei‘} // 创建对象
test.name // 获取name属性值,返回:lei
test["name"] // 获取name属性值,返回:lei
test.age // 获取不存在的属性age,返回:undefined
test["toString"] // 获取原型上的属性,返回:toString() {[native code]}
test.val = undefined // 新增一个值为值为 undefined 的属性 val
test.val // 获取val属性值,返回:undefined
从示例可以发现,使用obj.x !== undefined
来判断 obj 对象是否存在 x 属性有一定局限性,即:如果 obj.x 的值为 undefined,则不能正确判断 Obj 对象是否有 x 属性
方法2:in
运算符
let test = {name: ‘lei‘, val: undefined} // 创建对象
‘name‘ in test // 返回:true
‘val‘ in test // 返回:true
‘toString‘ in test // 返回:true
‘age‘ in test // 返回: false
从示例可以发现,与方法1不同,可以判断出值为 undefined 的属性是存在的,局限性是,不能区分对象本身属性和原型链的属性
方法3:hasOwnProperty
方法
let test = {name: ‘lei‘, val: undefined} // 创建对象
test.hasOwnProperty(‘name‘) // 返回:true,是对象自身属性
test.hasOwnProperty(‘age‘) // 返回:false,属性不存在
test.hasOwnProperty(‘toString‘) // 返回:false,不是对象自身属性,是原型链属性
从示例可以发现,hasOwnProperty() 可以判断 对象自身属性,适用于对象自身属性判断的场景
注意:在ESLint规则中,禁用了 state.hasOwnProperty(key)
用法,需要修改为 Object.prototype.hasOwnProperty.call(state, key)