JavaScript面向对象之属性描述符怎么使用


本文小编为大家详细介绍“JavaScript面向对象之属性描述符怎么使用”,内容详细,步骤清晰,细节处理妥当,希望这篇“JavaScript面向对象之属性描述符怎么使用”文章能帮助大家解决疑惑,下面跟着小编的思路慢慢深入,一起来学习新知识吧。JavaScript其实支出多种编程范式的,包括函数式编程和面向对象编程:JavaScript中的对象被设计成一组 属性的无序集合,像是一个嘻哈表,有key和value组成;key是一个标识符名称,value可以是任意类型,也可以是其他对象或者函数类型;如果值是一个函数,那么我们可以称之为对象的方法;早起使用创建对象方式最多的是使用Object类,并且使用new关键字来创建一个对象,然后再将属性或方法存入对象中:后来很多开发者为了方便起见,都是直接通过字面量的形式来创建对象:在之前我们的属性都是直接定义在对象内部,或者直接添加到对象内部;
但是这样我们就不能对这个属性进行一些限制:比如这个属性是免费云主机域名否可以通过 delect删除,是否可以在 for-in遍历的时候被遍历出来呢?
如果我们想要对一个属性进行比较精准的操作控制,那么我就可以使用 属性描述符。通过属性描述符可以精准的添加或修改对象的属性;
属性描述符需要使用 Object.defineProperty来对属性进行添加或修改。属性描述符分为两种:数据描述符和存取描述符数据描述符是一个具有值的属性,该值可能是可写的,也可能是不可写的。数据描述符具有以下可选键值:value:该属性对应的值。可以是任何有效的JavaScript值(数值,对象,函数等)。默认为undefined。writable:当且仅当该属性的writable为true时,value才能被复制运算符改变。默认为false。configurable:当且仅当该属性的configurable为true时,该属性描述符才能够被改变,同时该属性也能从对应的对象上被删除。默认为false。enumerable:当且仅当该属性的enumerable为true时,该属性才能够出现在对象的枚举属性中。默认为false。Object.getOwnPropertyDescriptor()方法返回指定对象上一个自有属性对应的属性描述符。obj:需要查找的目标对象prop:目标对象内属性名称(String类型)。返回值:如果指定的属性存在在于对象上,则返回其属性描述符对象,否则返回undefined。注意:如果该方法的第一个参数不是对象,会报错(TypeError)。Object.defineProperty() 方法会直接在一个对象上定义一个新属性,或者修改一个对象的现有属性, 并返回这个对象。obj:要在其上定义属性的对象。prop:要定义或修改的属性的名称。descriptor:将被定义或修改的属性描述符返回值:被传递给函数的对象注意:通过defineProperty新增的属性,该新属性是不可修改、不可删除以及不可枚举的因为属性描述符configurable值为false 不可删除和修改,所以delete和修改都没生效当enumerable: false时,输出结果为 name age
当enumerable: true时,输出结果为 name age sex因为writeable的值为false,所以修改score为100时,并没有修改成功,最终输出80是不是感觉每次只能设置一个属性的属性描述符很繁琐,Object.defineProperties可以帮你解决问题。
Object.defineProperties()方法为对象定义一个或多个新属性或修改现有属性,并返回该对象。obj:要在其上定义属性的对象。props:要定义其可枚举属性或修改的属性描述符的对象。返回值:被传递给函数的对象。示例代码如下:存取描述符是由getter-setter函数对描述的属性。存取描述符具有以下可选键值:get:给属性提供getter的方法,如果没有getter则为undefined。当访问该属性时,该方法会被执行,方法执行时没有参数传入,但是会传入this对象。set:给属性提供setter的方法,如果没有setter则为undefined。当属性值修改时,触发执行该方法。该方法将接受唯一参数,即该属性新的参数值。configurable:当且仅当该属性的configurable为true时,该属性描述符才能够被改变,同时该属性也能从对应的对象上被删除。默认为false。enurnerable:当且仅当该属性的enurnerable为true时,该属性才能够出现在对象的枚举属性中。默认为false。configurable 和 enurnerable 的使用与数据描述符中的一致,这里就不过多讲解了。
主要讲一下get 和 set 方法的使用上述示例代码控制台打印结果如下:
读到这里,这篇“JavaScript面向对象之属性描述符怎么使用”文章已经介绍完毕,想要掌握这篇文章的知识点还需要大家自己动手实践使用过才能领会,如果想了解更多相关内容的文章,欢迎关注百云主机行业资讯频道。

相关推荐: JavaScript如何实现事件总线

这篇文章主要讲解了“JavaScript如何实现事件总线”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“JavaScript如何实现事件总线”吧!Event Bus事件总线,通常作为多个模块间的通信机制,相当于一…

免责声明:本站发布的图片视频文字,以转载和分享为主,文章观点不代表本站立场,本站不承担相关法律责任;如果涉及侵权请联系邮箱:360163164@qq.com举报,并提供相关证据,经查实将立刻删除涉嫌侵权内容。

(0)
打赏 微信扫一扫 微信扫一扫
上一篇 05/08 09:56
下一篇 05/08 09:57

相关推荐