首页 > 其他分享 >【JS】对象属性标志和属性描述符

【JS】对象属性标志和属性描述符

时间:2022-10-27 13:23:42浏览次数:60  
标签:obj defineProperties 对象 Object JS 描述符 属性

1.对象属性

对象属性分为两种:

  1. 数据属性
  2. 访问器属性

2.对象数据属性标志

属性标志有4个:value、writable、enumberable、configurable

  1. value:
      即属性值
  2. writable:
      控制属性值是否能被修改
  3. enumberable:
      控制属性是否能被迭代
  4. configurable:
      控制属性是否能被删除,属性标志能否被更改
    通常使用常见的方式创建对象时,属性标志为true。

3.获得对象标志的方法: Object.getOwnPropertyDescriptor(obj, propertyName)

obj: 需要从中获取信息的对象。
propertyName: 属性的名称。
返回值为 【属性描述符】 对象,包含属性标志和对应的值。

const obj = {name:"张三"}
let res = Object.getOwnPropertyDescriptor(obj, "name")

4. 更改对象标志的方法:Object.defineProperty(obj, propertyName, descriptor)

obj,propertyName
  要应用描述符的对象及其属性。
descriptor
  要应用的属性描述符对象。

5.标志作用

  1. writable 为false时,对应属性值不能更改
  2. enumberable 为false时,对应属性在迭代时不会出现,不可枚举。使用for...in或Object.keys()都不起作用。
  3. configurable 为false时:
    3.1 对应属性不能被删除,delete propertyName无效。
    3.2 属性标志不能被更改,除了将writable从true变为false

6.Object.defineProperties/Object.defineProperties

  // defineProperties:一次定义多个属性
  Object.defineProperties(obj, {
    prop1: descriptor1,
    prop2: descriptor2
    // ...
  });
  // defineProperties:一次获取所有属性描述符

  // 结合使用,用于克隆对象
  Object.defineProperties({}, Object.getOwnPropertyDescriptors(obj));

  // Object.getOwnPropertyDescriptors 返回包含 symbol 类型的和不可枚举的属性在内的 所有 属性描述符。

访问器属性(accessor property)

它们本质上是用于获取和设置值的函数,但从外部代码来看就像常规属性。
访问器属性由 “getter” 和 “setter” 方法表示
当读取 obj.propName 时,getter 起作用,当 obj.propName 被赋值时,setter 起作用。

访问器描述符可能有:
get —— 一个没有参数的函数,在读取属性时工作,
set —— 带有一个参数的函数,当属性被设置时调用,
enumerable —— 与数据属性的相同,
configurable —— 与数据属性的相同。

标签:obj,defineProperties,对象,Object,JS,描述符,属性
From: https://www.cnblogs.com/ahoge/p/16831647.html

相关文章

  • 【JSON】Python读取JSON文件报错json.decoder.JSONDecodeError的问题
    报错json.decoder.JSONDecodeError:Expectingpropertynameenclosedindoublequotes:line*column*(char*)解决百度到了多种情况:编码使用UTF-8键值用双引......
  • leetcode 206. 反转链表 js实现
    给你单链表的头节点head,请你反转链表,并返回反转后的链表。 示例1:输入:head=[1,2,3,4,5]输出:[5,4,3,2,1]示例2:输入:head=[1,2]输出:[2,1]示例3:输入:head=[]输出......
  • js async await
    async函数一定会返回一个promise对象。如果一个async函数的返回值看起来不是promise,那么它将会被隐式地包装在一个promise中。如asyncfunctionfoo(){retur......
  • Node.JS 安装(Windows 和 Linux )
    1、Linux版采用YUM方式安装。1.1、卸载旧版本查看旧版本:rpm-qa|grepnodejs卸载:卸载过程中输入y确认yumremovenodejs1.2、安装1.2.1、Hint官......
  • 打印的js
    //打印类属性、方法定义/*eslint-disable*/constPrint=function(dom,options){if(!(thisinstanceofPrint))returnnewPrint(dom,options);this.op......
  • 项目实战:在线报价采购系统(React +SpreadJS+Echarts)
    小伙伴们对采购系统肯定不陌生,小到出差路费、部门物资采购;大到生产计划、原料成本预估都会涉及到该系统。管理人员可以通过采购系统减少管理成本,说是管理利器毫不过分,对于......
  • PHP json_decode如何输出数组(php json_decode how to output array)
    Hereismyphpcodewithjsonformattedstring:$string=';?>Iwanttolearnhowtoparse/outputjsonstringintosomethingIcanshowinhtmlorput......
  • openlayers 添加行政区域 geojson
    先地图初始化然后再添加图层 import{VectorasVectorLayer}from'ol/layer';import{VectorasVectorSource}from'ol/source';import{GeoJSON}from'ol......
  • 配置 tsconfig.json
    tsconfig.json所包含的属性并不多,只有7个,ms官方也给出了它的定义文件。但看起来并不怎么舒服,这里就翻译整理一下。(若有误,还请指出)files:数组类型,用于表示由ts管理......
  • Java Annotation注解总结 ,注解有多个属性使用 @Check(min=0, max=100, value=55)
    JavaAnnotation注解总结注解有多个属性使用@Check(min=0,max=100,value=55)使用注解注解是放在Java源码的类、方法、字段、参数前的一种特殊“注释”。注解则......