JavaScript:Delete属性

以前，我就晓得delete只能够删除隐性属性（就是没有进行声明的变量),但是不知道为什么这样？

隐性属性：在页面中以前没有声明过该变量，直接进行赋值的 str='hongda'

其实这是由属性的特性决定的。

属性的特性

所有的属性（property）都可以有很多特性（attributes）。

{ReadOnly}——忽略向属性赋值的写操作尝，但只读属性可以由宿主环境行为改变——也就是说不是“恒定值” ;
{DontEnum}——属性不能被for..in循环枚举
{DontDelete}——糊了delete操作符的行为被忽略（即删不掉）;
{Internal}——内部属性，没有名字（仅在实现层面使用），ECMAScript里无法访问这样的属性。

注意，在ES5里{ReadOnly}，{DontEnum}和{DontDelete}被重新命名为[[Writable]]，[[Enumerable]]和[[Configurable]]，可以手工通过Object.defineProperty或类似的方法来管理这些属性。

代码：

 var foo = {};

      Object.defineProperty(foo, "x", {
          value: 10,
          writable: true, // 即{ReadOnly} = false
          enumerable: false, // 即{DontEnum} = true
          configurable: true // 即{DontDelete} = false
      });

      console.log(foo.x); // 10
      console.dir(foo.x);

      // 通过descriptor获取特性集attributes
      var desc = Object.getOwnPropertyDescriptor(foo, "x");
      console.dir(desc);

      console.log(delete foo.x);
      console.log(foo.x);

      foo.y = 30;
      console.log(foo.y);
      console.log(delete foo.y);
      console.log(foo.y);

 var foo = {};

      Object.defineProperty(foo, "x", {
          value: 10,
          writable: true, // 即{ReadOnly} = false
          enumerable: false, // 即{DontEnum} = true
          configurable: false // 即{DontDelete} = true
      });

      console.log(foo.x); // 10
      console.dir(foo.x);

      // 通过descriptor获取特性集attributes
      var desc = Object.getOwnPropertyDescriptor(foo, "x");
      console.dir(desc);

      console.log(delete foo.x);
      console.log(foo.x);

能不能删是有configurable决定的，也就是DontDelete，注意它们是相反的

foo.y=30是，y默认的configurable为true,所以可以删除。

 <script type="text/javascript" >
      var foo = {};
      foo.y = 30;
      var desc = Object.getOwnPropertyDescriptor(foo, "y");
      console.dir(desc);
  </script>