百度360必应搜狗淘宝本站头条
当前位置:网站首页 > 技术教程 > 正文

defineProperty定义JavaScript对象属性

csdh11 2025-03-06 13:53 2 浏览

Object.defineProperty和Object.defineProperties用于定义或修改对象的属性,是ECMAScript 5中定义的两个方法。通过两个方法我可以定义对象的数据属性或访问器属性,前者用于定义或修改对象的一个属性,后者用于定义或修改多个属性。

1. 对象属性
1.1 对象的定义

定义对象时我们可以使用以下几种形式:

使用"new Object()"创建对象实例:


或者使用字面量创建:


或者:

在上面几个示例中,我们使用三种方式定义了具有相同属性和方法的对象。属性可以理解为对象的特征,而方法可以表示对象的行为,而方法可以认为是一种值是函数的特殊属性。

1.2 属性的类型

ECMAScript 5中定义属性使用Object.defineProperty(),定义对象属性时除了可以定义属性值外,还可以定义属性的形为(即:属性的特性-'attribute'),如:使用[[configurable]]定义属性是否可删除、使用[[enumerable]]定义属性是否可枚举。ECMAScript中有两种属性:数据属性和访问器属性。

数据属性

数据属性用于描述数据值及其形为,数据属性有4个描述形为的特性:

  • [[configurable]] - 该特性用于描述属性是否可通过delete删除属性。默认值为“true”

  • [[enumerable]] - 该特性用于描述属性是否可枚举,即是否可通过for-in或Object.keys()枚举。默认值为“true”

  • [[writable]] - 该特性用于描述属性是否可写(可修改)。默认值为“true”

  • [[value]] - 该特性用于描述属性的值,属性值的读/写都是操作的这个特性,该特性是一个JavaScript值(值、对象、函数)。默认值为“undefined”

数据属性描述了属性的值及其形为。我们使用如下方式定义一个属性时:

这相当于使用Object.defineProperty()方法定义属性并进行了以下设置:、

访问器属性

访问器,即:getter和setter,这两个属性用于设置或读取属性值([[value]]特性)。访问器可以不定义,不定义时会返回或设置[[value]]特性;设置后将通过这两个方法设置或返回属性值。

  • [[get]] - 对象属性访问器方法(getter),设置后会通过该方法返回属性值。默认值为“undefined”

  • [[set]] - 对象属性设置器方法(setter),设置后会通过该方法设置值属性。默认值为“undefined”

我们可以像下面这样定义访问器和设置器:、

2. Object.defineProperty()定义/修改属性

Object.defineProperty()用于定义或修改对象的一个属性,其语法结构如下:

Object.defineProperty(obj, prop, descriptor)

  • obj - {Object},要定义属性的对象

  • prop - {String},要定义或修改的属性名

  • descriptor - {Object},要定义或修改的属性的描述,即:“数据属性”和“访问器属性”

Object.defineProperty()添加一个属性定义,可对已定义的属性进行修改。如,使用Object.defineProperty()通过__proto__特性来设置属性不可继承:


也可以显式的指定各属性的特性值:

还可以通过Object.defineProperty()定义属性的访问/设置器。

3. Object.defineProperties()定义/修改多个属性

Object.defineProperty()可定义可修改对象的一个属性,当定义或修改对象的多个属性时,使用这个方法会比较麻烦。这时可以使用Object.defineProperties()方法来统一设置或修改多个对象属性。该方法语法结构如下:

Object.defineProperties(obj, props)

  • obj - {Object},要定义或修改属性的对象

  • prop - {String},要定义或修改的属性名及属性的特性

如,可以使用Object.defineProperties()方法来定义多个对象属性:

来自:http://itbilu.com

相关推荐

音视频命令转换工具 - FFmpeg

随着自媒体兴起,许多人会自拍视频或者找视频素材裁剪,配上背景音乐或解说,加上各种特效边框,处理后再生成新的视频文件,发布到各大平台。生成的原始视频文件都很大,我们需要转换格式或者压缩大小,便于上传或者...

视频剪辑软件,如何批量将h264转换为h265格式的视频

最近有很多朋友在问,因为剪辑、或者上传的原因,需要将视频编码转换成H265格式编码,该怎么操作呢?不知道怎么办的宝贝们,下面请随小编一起来试试吧。需要哪些工具?安装一个媒体梦工厂视频素材若干怎么快速剪...

1080秒变4K,让PotPlayer开启“超分辨率”播放视频文件

大家好,我是大卫呆。1080P的视频能秒变4K视频吗?通过上期节目的实机测试,答案是:...

视频编码H.265与H.264的区别-------深入浅出说监控

我们在购买监控摄像头或者录像机产品的时候,一般情况下,经销商会问你是要H.265编码格式与H.264编码格式的,很多人都会好奇,什么是H.265和H.264?他们的实际效果有什么区别?今天就从定义和作...

H.265已落后!下一代视频技术实现重大突破

来源:快科技下一代视频技术实现重大突破。从阿里云官微获悉,阿里达摩院XG实验室参与制定的新一代国际视频编码标准H.266(VVC)出炉,同等画质下将节省近50%传输流量,清晰度越高,码率节省越多。前不...

VP9 或 H.265 的 6 个比较点

直播很复杂。广播流和通过Internet传输流的整个过程涉及一系列可以采用多种格式的方法。一个重要的组件是用于媒体文件编码和解码的编解码器。编解码器还定义了可用于进行流式传输的工具类型。大大简化流...

融合通信系统播放不了H.265视频怎么解决

在融合通信项目中,视频的融合是很多项目的落地要求,随着技术的进步,需要融合的视频也是多种多样,很多项目中需要接入视频监控,布控球,无人机,视频会议等视频资源。这些视频资源使用不同的技术,不同的传输协议...

别被忽悠了!视频编码H.265与H.264的区别有多大?看完你就懂了

相信大家都听过H.265和H.264这两种编码,也看过专业术语的解释。包括电视机都会标注支持H.265格式4K视频编码,视频监控系统也会标注支持H.265。但是还是有很多人不知道什么是视频编码H.26...

视频行业迎来巨变!H.265将被淘汰,电视及流媒体全受影响

这两天,姐夫自己遇到一个问题,从一些流媒体网站上下载来的视频,比如油管上的视频,居然无法正常在Windows10上播放,必须要重新下载一个视频编码插件才行。甚至于这些视频都无法通过现有的编辑软件去做...

对于Mybaits缓存的理解

...

你居然还去服务器上捞日志,搭个 Graylog 日志收集系统不香么

一、前言...

Java 代理从 0 到彻底搞懂

一、为什么出现代理?咱们先抛开编程,想象一下生活中的场景。假如你是一位大明星,每天都有无数的活动邀约、采访请求,还有各种商务合作的洽谈。要是你亲自去处理这些事情,那你哪还有时间去拍戏、唱歌、提升自己的...

SpringBoot系列——cache缓存

  前言  日常开发中,缓存是解决数据库压力的一种方案,通常用于频繁查询的数据,例如新闻中的热点新闻,本文记录springboot中使用cache缓存。...

Spring的缓存帝国,得益于这 5个注解!

在微服务,分布式的大环境下,缓存绝对是提升系统性能的关键手段,Spring作为Java生态中最流行的企业级应用框架,它是如何实现缓存的呢?这篇文章,我们将深入探讨Spring中5个核心的缓存注解...

JVM缓存EhCache在实际业务系统中的应用及复杂场景探讨

本文将介绍JVM缓存EhCache的基本概念、原理以及在实际业务系统中的使用。文章将重点讨论EhCache在复杂场景下的应用,并提供Java语言实现的示例。1.JVM缓存EhCache简介EhCa...