js对象：检测属性是否存在_js 正则检测 script标签里是否有 setup属性-CSDN博客

本文链接：https://blog.csdn.net/m0_47135993/article/details/124598187

一、in

in运算符左侧是属性名（字符串），右侧是对象。

如果对象的自有属性或继承属性中有这个属性则返回true

// 例
let obj = {x:1};
"x" in obj;  // true：x是obj的自有属性
"y" in obj;  // false：y不是obj的自有属性，也不是obj的继承属性
"toString" in obj;  // true：obj继承toString属性

二、hasOwnProperty()

hasOwnPreperty方法用来检测给定的名字是否是对象的自有属性，对于继承属性它将返回false

// 例
let obj = {x:1};
obj.hasOwnProperty("x");  // true：x是obj的自有属性
obj.hasOwnProperty("y");  // false：obj上不存在y属性
obj.hasOwnProperty("toString");  // false：toString是继承属性，不是自有属性

三、propertyIsEnumerable()

propertyIsEnumerable()是hasOwnproperty()的增强版，只有检测到时自有属性且这个属性的可枚举性（enumerable attribute）为true时，它才返回true。

<script>
  function School(schoolName) {
    this.school = schoolName
  }
  function Student(major, name) {
    this.major = major
    this.name = name
  }
  Student.prototype = new School('西安交通大学');
  let xiaoMing = new Student('计算机科学与技术', '小明')
  console.log(xiaoMing);
  xiaoMing.propertyIsEnumerable('name'); // true: xiaoming有一个可枚举的自有属性
  xiaoMing.propertyIsEnumerable('school'); // false: school是继承来的
</script>

四、!== 或===

直接判断属性是否是undefined

注意：当属性值为undefined时，这种判断方式是不能区分不存在的属性和存在但值为undefined的属性，如果需要区分，需要使用in来判断

<script>
let obj = {
  name: undefined
}
obj.name !== undefined; // false: 属性存在，但值为undefined
obj.age !== undefined; // false: 属性不存在
</script>