JavaScript基础之对象属性的检测和枚举

时间:2023-12-19 22:00:26

属性检测

对象作为属性的集合,属性又包括自有属性继承属性

  检测方法:

    \__   in运算符:

        \__ var obj = { x:1 }

          console.log( 'toString' in obj )  // true # 检测继承属性,继承自Object.prototype这一原型

          console.log( 'x' in obj ) // true #检测自有属性

    \__   hasOwnProperty:

          \__ var obj = { x:1 }

            console.log( obj.hasOwnProperty( 'toString' ) )  // false # 检测继承属性失败

            console.log( obj.hasOwnProperty( 'x' ) ) // true #检测自有属性

    \__   propertyIsEnumerable:

          \__ var obj = { x:1 }

              console.log( obj.propertyIsEnumerable( 'toString' ) )  // false # 检测继承属性失败

           console.log( obj.propertyIsEnumerable( 'x' ) ) // true #检测自有属性,且是显式属性

    结论:in运算不仅可以检测自有属性,还可以检测继承属性,其余两种方法仅能检测自有属性,它们之间的区别又由 存取器属性 来界定,暂且不谈

  

  对象的自有属性可以被枚举,如果要设置不可枚举可使用存取器属性

  枚举方法:

    \__  for/in:

       \__  var obj = { x : 1 , y : 2 }

         obj.propertyIsEnumerable( 'toString' )  //  false #不可枚举,ES5标准赋予

         console.log( 'toString' in obj ) //true #注意,for/in搭配起来用属性的可枚举特性才会生效

         for ( key in obj )

         console.log( key )  // x , y