zoukankan      html  css  js  c++  java
  • 你不知道的JS系列 ( 34 ) - 对象属性描述符

    从 ES5 开始,所有的属性都具备了属性描述符
    var myObject = {
      a: 2
    }
    Object.getOwnPropertyDescriptor(myObject, 'a')
    // {value: 2, writable: true, enumerable: true, configurable: true}

    这个普通的对象属性对应的属性描述符可不仅仅只是一个 2。它还包含另外三个特性,writable(不可写)、enumerable(可枚举)、configurable(可配置)。在创建普通属性时属性描述符会使用默认值。我们可以使用 Object.defineProperty(...) 来添加一个新属性或者修改一个已有属性

    var myObject = {};
    Object.defineProperty(myObject, 'a', {
      value: 2,
      writable: true,
      configurable: true,
      enumerable: true
    })

    我们使用 defineProperty(...)添加了一个普通的属性,然而,一般来说不会使用这种方式添加,除非你想修改属性描述符

    writable
    writable决定是否可以修改属性的值
    var myObject = {};
    Object.defineProperty(myObject, 'a', {
      value: 2,
      writable: false, // 不可写
      configurable: true,
      enumerable: true
    })
    myObject.a = 3;
    myObject.a; // 2

    我们对于属性值的修改失败了,如果在严格模式下,会出错,TypeError



    configurable
    只要属性是可配置的,就可以使用 defineProperty(...) 方法来修改属性描述符
    var myObject = {
      a: 2
    }
    myObject.a = 3;
    myObject.a; // 3
    
    
    Object.defineProperty(myObject, 'a', {
      value: 4,
      writable: true,
      configurable: false, // 不可配置
      enumerable: true
    })
    
    
    myObject.a; // 4
    myObject.a = 5;
    myObject.a; // 5
    
    
    Object.defineProperty(myObject, 'a', {
      value: 6,
      writable: true,
      configurable: true, // 不可配置
      enumerable: true
    }) // TypeError

    不管是不是处于严格模式,修改一个不可配置的属性描述符都会出错,把 configurable 修改成 false 是单向操作,无法撤销

    *:即便属性是 configurable:false,还是可以把 writable 改成 false,但是无法由 false 改成 true,这是个例外。
    configuable:fase 还会禁止删除这个属性
    var myObject = {};
    Object.defineProperty(myObject, 'a', {
      value: 4,
      writable: true,
      configurable: false, // 不可配置
      enumerable: true
    })
    delete myObject.a;
    myObject.a; // 2

    如你所见,delete 语句失败了,因为属性是不可配置的

    enumerable
    这个描述符控制的是属性是否出现在对象的属性枚举中,比如 for...in 循环,如果把 enumerable 设置成 false,这个属性就不会出现在枚举中
  • 相关阅读:
    maven公共库
    java截取当前屏幕图片
    JAVE视频处理
    jar在maven仓库里面没有时 , 把jar导入本地仓库步骤
    3 .shell 之linux四剑客sed/grep/awk/find
    Spring学习(四)-基于注解的Bean管理
    Spring学习(三)-Bean的种类,作用域,生命周期
    Spring学习(一)-基本入门
    dubbo服务连接zookeeper报错:java.net.ConnectException: Connection refused
    idea-常用设置二
  • 原文地址:https://www.cnblogs.com/wzndkj/p/12549944.html
Copyright © 2011-2022 走看看