代码世界的构建有一个不可或缺的支柱(如何让代码更加稳健)

目录

一.概念引入

二.属性描述符的常见用法

三.实例运用(数据验证)

三.基于JS的属性描述符

使用中常见的问题


最近学JavaScript的过程中,有幸学到了一个新的知识点----属性描述符,尽管它在业务代码中可能并不常见,但是许多库源码中都有它的身影,比如vue

一.概念引入

属性描述符可以理解为用于描述数据对象属性的一种标识符或标签。它可以用来描述数据的特征、性质或其他相关信息。例如,在编程中,我们可以为一个对象定义一系列属性,每个属性都有一个相应的属性描述符,用于说明该属性的名称、数据类型、是否可读/可写等。
 
属性描述符的作用是提供对对象属性的更详细的描述和控制。它们可以用于数据建模、数据验证、访问控制等方面。通过使用属性描述符,我们可以更好地组织和管理数据,确保数据的一致性和正确性。
 
在不同的编程语言或领域中,属性描述符的具体实现和用法可能会有所不同。有些语言可能提供了特定的语法或机制来定义和使用属性描述符,而在其他情况下,可能需要通过自定义类或数据结构来实现类似的功能。

二.属性描述符的常见用法

在编程中,属性描述符有很多常见的用法,以下是一些常见的例子:
 
- 数据验证:通过定义属性描述符,可以在设置或修改属性值时进行数据验证,确保属性的值符合一定的规则或约束。
- 访问控制:可以使用属性描述符来控制属性的可读/可写性,例如限制某些属性只能被读取,或者只允许在特定条件下进行修改。
- 自动计算或修改属性值:属性描述符可以在属性被访问或修改时执行一些自动的计算或修改操作,例如根据其他属性的值来计算某个属性的值
- 数据序列化和反序列化:在对象序列化和反序列化过程中,属性描述符可以用于指定如何将属性值转换为特定的格式(如 JSON、XML 等),以及在反序列化时将数据还原为对象的属性。
- 属性观察者或通知机制:通过属性描述符,可以注册观察者或回调函数,当属性发生变化时触发相应的操作,例如通知其他部分的代码进行更新。
- 缓存和性能优化:利用属性描述符,可以实现属性的缓存机制,避免不必要的计算或数据获取,提高程序的性能。
 
这些只是属性描述符的一些常见用法,具体的应用场景和用法取决于编程语言和项目的需求。不同的编程语言可能有不同的实现方式和特性来支持属性描述符的使用。
 
例如,在 Python 中,可以使用  @property  装饰器和  @descriptor  类装饰器来定义属性描述符。通过定义特定的方法(如  getter 、 setter 、 deleter  等)来控制属性的访问和修改行为。
 

三.实例运用(数据验证)

1. 整数范围验证:假设我们有一个表示年龄的属性,可以使用属性描述符来确保年龄值在合理的范围内(例如 18 到 120 岁之间)。

class Person:@propertydef age(self):return self._age@age.setterdef age(self, value):if not 18 <= value <= 120:raise ValueError("年龄必须在 18 到 120 岁之间。")self._age = value


在这个例子中, age  属性的  setter  方法会检查新设置的年龄值是否在指定范围内,如果不在范围内,会抛出一个异常。


2. 字符串格式验证:如果有一个表示电子邮件地址的属性,可以使用属性描述符来验证电子邮件地址的格式是否正确。

class Person:@propertydef email(self):return self._email@email.setterdef email(self, value):if not re.match(r"^[a-zA-Z0-9_.+-]+@[a-zA-Z0-9-]+\.[a-zA-Z0-9-.]+$", value):raise ValueError("无效的电子邮件地址。")self._email = value


在这个例子中,使用了正则表达式来验证电子邮件地址的格式是否正确。


3. 数据类型验证:可以使用属性描述符来确保属性的值是特定的数据类型,例如整数或浮点数。 

class Person:@propertydef score(self):return self._score@score.setterdef score(self, value):if not isinstance(value, (int, float)):raise TypeError("分数必须是整数或浮点数。")self._score = value


在这个例子中, score  属性的  setter  方法会检查新设置的分数值是否为整数或浮点数类型。
这些只是一些简单的数据验证示例,实际应用中可以根据具体的需求和数据验证规则来设计更复杂的属性描述符。通过在属性的  setter  方法中进行验证,可以确保数据的一致性和正确性,避免无效或不合法的数据进入对象。

三.基于JS的属性描述符

在 JavaScript 中,属性描述符用于描述和定义对象属性的特性。属性描述符是一个内部对象,包含以下常见属性:
 
- Configurable:决定是否可以使用  delete  删除属性,以及是否可以修改属性描述符的特性,默认值为  true 。
- Enumerable:决定属性是否出现在对象的属性枚举中,比如是否可以通过  for-in  循环返回该属性,默认值为  true 。
- Writable:决定是否可以修改属性的值,默认值为  true 。
- Value:包含这个属性的数据值,读取属性值的时候,从这个位置读;写入属性值的时候,把新值保存在这个位置。默认值为  undefined 。
- Getter:在读取属性时调用的函数。默认值为  undefined 。
- Setter:在写入属性时调用的函数。默认值为  undefined 。
 ps:getter和setter常常放在一起,合称访问器
如果属性同时具有  getter  和  setter  方法,那么它是一个读/写属性;如果它只有  getter  方法,那么它是一个只读属性;如果它只有  setter  方法,那么它是一个只写属性;读取只写属性总是返回  undefined 。
 
以下是一个使用属性描述符定义可读/写属性的示例:
 

var obj = {};
Object.defineProperty(obj, 'x', {configurable: true,enumerable: true,writable: true,value: 0,getter: function() {return this._x;},setter: function(val) {if (typeof val !== 'number') {throw new TypeError('Invalid value');}this._x = val;}
});console.log(obj.x); obj.x = 5;console.log(obj.x);


在这个示例中,通过  Object.defineProperty  方法定义了一个名为  x  的可读/写属性。 configurable 、 enumerable  和  writable  属性分别设置为  true ,表示可以删除、枚举和修改属性。 value  属性设置为  0 ,表示属性的初始值。 getter  和  setter  属性分别定义了读取和写入属性时调用的函数。

使用中常见的问题

在使用属性描述符时,需要注意以下几个问题:
 
-  configurable  属性为单向操作,设置为  false  后无法再改为  true ,且该属性不可删除。
-  enumerable  属性不能由  true  改为  false ,反过来也不行。
-  writable  属性可以由  true  更改为  false ,但不能反过来。
- 所有方法创建都是浅不变性,只会影响目标对象和它的直接属性。如果属性值为对象,其内容仍然是可变的。
- 在  get  和  set  方法中不要提及使用到属性描述符定义的对象属性,否则会陷入无限递归,导致栈溢出报错。
- 数据描述符和存取描述符都具备  configurable 、 enumerable  属性。
- 描述符不具备  value , writable , set  和  get  任意一个关键字都被认作一个数据描述符。
-  value  或  writable  和  get 、 set  不能同时存在,只要定义了  set  和  get  或其中一个就是一个存取描述符。
- 属性描述符必须是数据描述符或者存取描述符两种形式之一,不能同时是两者。


下面是一个示例,展示了如何使用  Object.defineProperty()  方法来处理属性的默认值:
 
// 创建一个名为 myObject 的对象
let myObject = {};

// 使用 Object.defineProperty() 方法定义一个名为 myProperty 的属性
Object.defineProperty(myObject, 'myProperty', {
  configurable: true,
  enumerable: true,
  value: 'Hello, World!',
  writable: true
});

// 打印 myObject 对象
console.log(myObject); 

 
 
在上述示例中,使用  Object.defineProperty()  方法定义了一个名为  myProperty  的属性,并设置了其默认值为  'Hello, World!' 。

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/695931.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

FSQ: FINITE SCALAR QUANTIZATION: VQ-VAE MADE SIMPLE

Paper name FINITE SCALAR QUANTIZATION: VQ-VAE MADE SIMPLE Paper Reading Note Paper URL: https://arxiv.org/abs/2309.15505 Code URL: (官方 jax 实现) https://github.com/google-research/google-research/tree/master/fsq(pytorch 实现) https://github.com/luci…

OSPF综合实验详解

一、实验要求 1&#xff0c;R4为ISP&#xff0c;其上只能配置IP地址&#xff1b;R4与其他所有直连设备间均使用公有IP&#xff1b; 2&#xff0c;R3-R5/6/7为MGRE环境&#xff0c;R3为中心站点&#xff1b; 3&#xff0c;整个OSPF环境IP基于172.16..8/16划分&#xff1b; 4…

外观设计专利的特征和特点

许多人往往将商品包装与外观设计混同起来&#xff0c;其实两者的区别很大&#xff0c;外观设计由专利法予以保护&#xff0c;简单说&#xff0c;外观设计是指工业品的外观设计&#xff0c;也就是工业品的式样&#xff0c;包括形状、图案、色彩等。下面介绍外观设计专利的特征和…

SpringBoot+WebSocket实现即时通讯(一)

前言 本博客姊妹篇 SpringBootWebSocket实现即时通讯&#xff08;一&#xff09;SpringBootWebSocket实现即时通讯&#xff08;二&#xff09;SpringBootWebSocket实现即时通讯&#xff08;三&#xff09;SpringBootWebSocket实现即时通讯&#xff08;四&#xff09; 传统方…

OpenWRT部署web站点并结合内网穿透实现无公网ip远程访问

文章目录 前言1. 检查uhttpd安装2. 部署web站点3. 安装cpolar内网穿透4. 配置远程访问地址5. 配置固定远程地址 前言 uhttpd 是 OpenWrt/LuCI 开发者从零开始编写的 Web 服务器&#xff0c;目的是成为优秀稳定的、适合嵌入式设备的轻量级任务的 HTTP 服务器&#xff0c;并且和…

day38打卡

day38打卡 509. 斐波那契数 状态表示&#xff1a; ​ 第i个数的斐波那契数是dp[i] 状态转移方程 ​ 见题目&#xff1a;dp[i] dp[i-1] dp[i-2] 初始化 ​ 见题目&#xff0c;dp[0] 0&#xff0c;dp[1] 1&#xff0c;本题用两个变量代替即可。 填表顺序 ​ 从左到右…

接口超时-千篇一律的重试和优化

我以为我当甲方爸爸了&#xff0c;结果作为一个程序员在哪里工作能拿出甲方爸爸的硬气来呢&#xff1f;别个是真的不重视啊。调用别人接口&#xff0c;有问题别人是真不回啊&#xff0c;一个问题用了一天解决&#xff1f; 接口超时了&#xff0c;半分钟的超时时间都没够用 半…

uniapp微信小程序-项目实战修改密码

图标是使用uview里面的图标&#xff0c;icfont也可以 以下是所有代码 <template><view><!-- 密码三个 --><view class"password" v-for"(item,index) in userList"><view class"contentuser"><view class&qu…

几个常见的C/C++语言冷知识

当涉及到C/C语言时&#xff0c;有一些冷知识可能并不为人所熟知&#xff0c;但却可以让你更深入地理解这门古老而强大的编程语言。以下是一些有趣的C/C语言冷知识。 1. 数组的下标可以是负数 在我们日常的C语言编程中&#xff0c;数组是一个非常常见的数据结构。我们习惯性地使…

DIY赴美生子必看~

现在选择赴美生子的宝妈越来越多&#xff0c;很多开始选择半DIY的形式&#xff0c;那么有哪些细节需要注意呢? 说中文的医生更方便? 这条对于DIY赴美生子者来说很关键&#xff0c;不要认为你的日常英文沟通没问题&#xff0c;涉及一些医学术语时&#xff0c;能否顺畅地与医生…

ai写作软件手机版哪个好用?

ai写作软件手机版哪个好用&#xff1f;随着技术的发展&#xff0c;越来越多的ai写作软件出现在互联网上&#xff0c;当然&#xff0c;这取决于人们对它的需求很大&#xff0c;ai写作软件可以帮助大家完成文章自动写作&#xff0c;也可以帮助大家生成优质的文案&#xff0c;同时…

提升网络质量:UDPspeeder 实现网络优化与提速

提升网络质量&#xff1a;UDPspeeder 实现网络优化与提速 背景与意义原理与功能使用方法未来展望相关链接服务 在当今高度互联的网络环境下&#xff0c;网络质量的优化和提速对于用户体验至关重要。针对高延迟和丢包率较高的网络链路&#xff0c;UDPspeeder 提供了一种前向纠错…

淘宝代购系统;海外代购系统;代购程序,代购系统源码PHP前端源码

代购业务近年兴起的一种购物模式&#xff0c;是帮国外客户购买中国商品。主要通过外贸代购模式&#xff0c;把淘宝、 天猫等电商平台的全站商品通过API接入到你的网站上&#xff0c;瞬间就可以架设一个有数亿产品的大型网上商城&#xff0c;而且可以 把这些中文的商品全部自动翻…

Shopee平台文具选品策略大揭秘:打造畅销产品,提升市场竞争力

在Shopee平台上销售文具类商品&#xff0c;是许多卖家追求的目标。然而&#xff0c;要在激烈的市场竞争中脱颖而出&#xff0c;并取得可观的销售业绩&#xff0c;需要制定一系列有效的选品策略。以下是一些在Shopee平台上进行文具选品时的关键策略&#xff0c;帮助卖家提高产品…

【杭州游戏业:创业热土,政策先行】

在前面的文章中&#xff0c;我们探讨了上海、北京、广州、深圳等城市的游戏产业现状。现在&#xff0c;我们切换视角&#xff0c;来看看另一个游戏创业热土——杭州的发展情况 最近第19届亚运会在杭州举办&#xff0c;本次亚运会上&#xff0c;电子竞技首次获准列为正式比赛项…

人脸美型SDK解决方案,包括瘦脸、大眼、瘦鼻等功能

为了满足市场不断升级的美颜需求&#xff0c;美摄科技凭借其在人脸识别与图像处理领域的深厚积累&#xff0c;推出了一款高效且易集成的人脸美型SDK解决方案。该方案旨在通过先进的算法和丰富的调节功能&#xff0c;帮助企业客户快速实现用户脸部形状的精准美化&#xff0c;进而…

一文看懂FAN73893MX 三相半桥门极驱动集成电路的选择

FAN73893MX产品概述&#xff1a; 是一款单片三相半桥栅极驱动 IC&#xff0c;设计用于高压、高速驱动 MOSFET 和 IGBT&#xff0c;工作电压高达 600 V。Fairchild 的高压工艺和共模噪声消除技术可以保证高端驱动器在高 dv/dt 噪声环境下稳定工作。先进的电平转换电路使高端栅极…

iOS面试:1.计算机网络

一、HTTP 1.1 HTTP介绍 HTTP&#xff08;Hypertext Transfer Protocol&#xff0c;超文本传输协议&#xff09;是一种用于传输超文本数据&#xff08;如 HTML 文档、图片、视频等&#xff09;的应用层协议&#xff0c;是互联网上应用最为广泛的协议之一。HTTP协议建立在TCP协…

深度学习????????

深度学习是人工智能领域的一个重要分支&#xff0c;它利用神经网络模拟人类大脑的学习过程&#xff0c;通过大量数据训练模型&#xff0c;使其能够自动提取特征、识别模式、进行分类和预测等任务。近年来&#xff0c;深度学习在多个领域取得了显著的进展&#xff0c;尤其在自然…

国产嵌入式教学实验箱操作教程:2-13 定时器控制实验

一、实验目的 熟悉定时器的基本结构&#xff0c;学习定时器的功能和控制方法&#xff0c;并实现基于定时器中断方式控制程序。 二、实验原理 定时器 TMS320CC6748有4个定时器/计数器&#xff0c;均可配置为64位计数器、两个独立32位计数器及自动重装32位计数器&#xff0c;…