• 【JavaScript 进阶教程】对象新增方法 defineProperty 与 keys 的说明与使用


     文章导读:

           这篇文章给大家讲解在 ES5 中对象新增的两个常用方法:defineProperty(),keys(),

    这两个方法可以让我们更方便的操作对象,获取对象属性,赋值修改等等操作,最重要的是,这些方法可以让我们设置无法修改对象属性值,下面跟我一起了解一下吧!

    文章目录:

    一:Object.defineProperty() 

    1.1 参数说明

    1.2 第三个参数 descriptor 的说明

    1.3 实际使用

    1.3.1 writable 特性

    1.3.2 enumerable 特性

    1.3.3 configurable 特性

    二:Object.keys()


    一:Object.defineProperty() 

       Object.defineProperty() 可以用来定义对象的新属性和修改属性值,设置属性值是否可修改(重点)等等,该方法共有三个参数

    1.1 参数说明

    Object.defineProperty( obj, prop, descriptor )
    参数objpropdescriptor
    含义要操作的对象名称对象中要操作的某个属性的名称这个参数有四个特性,该参数以对象形式书写,详细写法说明如下

    1.2 第三个参数 descriptor 的说明

           其参数以对象形式书写,其内部有四个特性,例如修改值的操作,设置是否可重写,设置是否可枚举,是否可修改特性等等......

    参数 descriptor 的操作类型valuewritableenumerableconfigurable
    含义属性值操作,若本身有这个属性则是重新赋值,若本身没有这个属性,那么是添加属性设置是否可重写,true为可重写,false为不可重写,设置为不可重写后属性值不可重新赋值,新添加的属性默认为 false设置是否可枚举,简单来说就是是否可遍历,true为可枚举,false为不可枚举,新添加的属性默认为 false设置是否可以再次修改其属性,例如是否可以将这个属性删除,新添加的属性默认为 false,并且该特性只能设置一次,不可第二次重新设置!!

     1.3 实际使用

    1.3.1 writable 特性

    writeable 特性可以设置一个属性是否可被重写,true 为可重写,false 为不可重写,使用 defineProperty 新添加的属性默认为 false

    可以看到我们虽然更改了 sex 的值,但是打印结果没有被更改 ,说明 writable : false 属性成功使其属性值不能重写,功能十分强大是不是!

      

    注意事项:如果是使用 defineProperty 新添加的属性,那么 writable 默认为 false 不可修改,如果是本身就有的属性而去修改值,那其仍可以修改


    1.3.2 enumerable 特性

    enumerable 特性可以设置某个属性是否可被枚举,true 为可枚举,false 为不可枚举,使用 defineProperty 新添加的属性默认为 false

    可以看到我们遍历得不到设置过 enumerable:false 特性的属性 sex,证明了 false 不可枚举

      

    注意事项:如果是使用 defineProperty 新添加的属性,那么 enumerable 默认为 false 不可枚举,如果是本身就有的属性而去修改值,那其仍可以枚举


     1.3.3 configurable 特性

     configurable 特性可以设置某个属性是否可被修改(删除),true 为可修改,false 为不可修改,使用 defineProperty 新添加的属性默认为 false

    configurable 特性的参数只能设置一次,第二次设置会无效!!

    可以看到我们删除不了设置过 configurable:false 特性的属性 sex,证明了 false 不可修改

      

    注意事项:如果是使用 defineProperty 新添加的属性,那么 configurable 默认为 false 不可修改,如果是本身就有的属性而去修改值,那其仍可以修改


    二:Object.keys()

    keys() 可以用来获取对象的属性名,参数为要操作的对象名称。其返回一个数组元素为属性名的新数组(故需要定义一个数组去接收)

    Object.keys( obj )

    成功返回了对象的属性名称 

  • 相关阅读:
    2023国赛数学建模B题思路代码 - 多波束测线问题
    【300+精选大厂面试题持续分享】大数据运维尖刀面试题专栏(十五)
    基于Django+MySQL的智慧校园系统
    如何使用界面控件Telerik UI for WinForms过滤数据?这里有答案
    python __getitem__()方法理解 python之使用魔术方法__getitem__和__len__
    fluttter学习之ButtonStyle 、MaterialStateProperty
    裸辞4个月,面试了30家公司,终于找到理想工作了
    2022 AI指数报告出炉:中国专利申请量居全球榜首
    RobotFrameWork自动化测试环境搭建
    [C++数据结构](23)哈希:位图,布隆过滤器,哈希切割
  • 原文地址:https://blog.csdn.net/weixin_52212950/article/details/126248351