图解JavaScript对象属性四个特性

图解JavaScript对象属性四个特性

我在上图中简单模拟了一处疑似重污染工厂的用水与排污系统模型,通过类比可视化帮助我理解JavaScript对象属性的4个特性:

索取,代表工厂从大自然中索取洁净水源,水表记录了流过水流传感器的用水量。

写脏,代表工厂使用过的污水排入自然环境中,类似脏数据。

水表,只要水表正在运行中,相关部门就能了解该工厂的用水情况。

总控,断电后水表和排污开关皆停止运行。

排污控制,其开关与否直接影响写脏能否进行。

回到JavaScript中,假设有对象factories,表示全部重污染工厂的集合:

varfactories = {}

一家名为sb-1的污染工厂进入相关部门监控范围,于是在factories中加入新属性:

Object.defineProperty(factories,'sb-1', {writable:true,enumerable:true,configurable:true})

writable:true在JavaScript中表示可写性,图中表示sb-1工厂的排污开关是打开状态;

enumerable:true在JavaScript中表示可枚举性,图中表示sb-1工厂的水表正常运行中,等着相关部门来查水表;

configurable:true在JavaScript中表示可配置性,图中表示sb-1工厂的总控台是通电运行状态。

除了上面作为例子的1号污染工厂sb-1,还有2号、3号、4号等等都在相关部门监管范围内。相关部门开始查水表,只需遍历factories,如果检测到属性值为"污水"触发警报:

for(letfactoryinfactories){console.log(`即将查工厂“${factory}`”的水表)// 即将查工厂“sb-1”的水表check(factories[factory])// 嘟嘟嘟!污水!限期整改!}

查水表的前提条件是:工厂的水表必须是正在运行中。

sb-1工厂向环境中排放未过滤污水,为了绕过审查,将工厂水表关掉了:

Object.defineProperty(factories,'sb-1', {value:"污水"enumerable:false,})

这样一来,相关部门再次遍历factories中的所有工厂,不在审查工厂sb-1,厂长得意地笑了,小聪明也。

相关部门也不是吃素的,立即采取措施,审查组到污染工厂将排污阀门关闭,整改1个月:

Object.defineProperty(factories,'sb-1', {writable:false})

这下,sb-1工厂一个月不能再写脏了,厂长有小聪明吖,偷偷把排污阀门又打开了:

Object.defineProperty(factories,'sb-1', {writable:true})

这一次相关部门被惹怒,没手软,果断出手整治,污染工厂直接歇菜:

Object.defineProperty(factories,'sb-1', {enumerable:false,writable:false,configurable:false})

水表关闭;排污阀门关闭。总控台一旦被断电,重污染工厂关门大吉。

相关部门要批量关闭多个污染工厂,会这样做:

Object.defineProperties(factories, {'sb-1':{configurable: flase},'sb-2':{configurable: flase},'sb-3':{configurable: flase}})

另外,getter和setter也属于属性特性,它们是函数:

Object.defineProperty(factories,'sb-1', {get:function(){return'污水'},set:function(){},writable:false,configurable:false})

如果工厂将getter函数的算法设计为:

当水源被检测时返回(排出)"净水",当未被检测时返回(排出)"污水",emmmm???

检测对象属性特性可以使用Object.getOwnPropertyDescriptor(),第一个参数传入对象,第二个参数传入要查询的属性名:

Object.getOwnPropertyDescriptor(factories,"sb-1")

现实世界里,工厂正将污水肆无忌惮地排入河里;

虚拟世界里,喷子和键盘侠们正在网络里捍卫“正义”。


原创作者:帅华君

原文链接:http://www.shuaihuajun.com/article/javascript-object-property-attribute/

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
  • 序言:七十年代末,一起剥皮案震惊了整个滨河市,随后出现的几起案子,更是在滨河造成了极大的恐慌,老刑警刘岩,带你破解...
    沈念sama阅读 194,088评论 5 459
  • 序言:滨河连续发生了三起死亡事件,死亡现场离奇诡异,居然都是意外死亡,警方通过查阅死者的电脑和手机,发现死者居然都...
    沈念sama阅读 81,715评论 2 371
  • 文/潘晓璐 我一进店门,熙熙楼的掌柜王于贵愁眉苦脸地迎上来,“玉大人,你说我怎么就摊上这事。” “怎么了?”我有些...
    开封第一讲书人阅读 141,361评论 0 319
  • 文/不坏的土叔 我叫张陵,是天一观的道长。 经常有香客问我,道长,这世上最难降的妖魔是什么? 我笑而不...
    开封第一讲书人阅读 52,099评论 1 263
  • 正文 为了忘掉前任,我火速办了婚礼,结果婚礼上,老公的妹妹穿的比我还像新娘。我一直安慰自己,他们只是感情好,可当我...
    茶点故事阅读 60,987评论 4 355
  • 文/花漫 我一把揭开白布。 她就那样静静地躺着,像睡着了一般。 火红的嫁衣衬着肌肤如雪。 梳的纹丝不乱的头发上,一...
    开封第一讲书人阅读 46,063评论 1 272
  • 那天,我揣着相机与录音,去河边找鬼。 笑死,一个胖子当着我的面吹牛,可吹牛的内容都是我干的。 我是一名探鬼主播,决...
    沈念sama阅读 36,486评论 3 381
  • 文/苍兰香墨 我猛地睁开眼,长吁一口气:“原来是场噩梦啊……” “哼!你这毒妇竟也来了?” 一声冷哼从身侧响起,我...
    开封第一讲书人阅读 35,175评论 0 253
  • 序言:老挝万荣一对情侣失踪,失踪者是张志新(化名)和其女友刘颖,没想到半个月后,有当地人在树林里发现了一具尸体,经...
    沈念sama阅读 39,440评论 1 290
  • 正文 独居荒郊野岭守林人离奇死亡,尸身上长有42处带血的脓包…… 初始之章·张勋 以下内容为张勋视角 年9月15日...
    茶点故事阅读 34,518评论 2 309
  • 正文 我和宋清朗相恋三年,在试婚纱的时候发现自己被绿了。 大学时的朋友给我发了我未婚夫和他白月光在一起吃饭的照片。...
    茶点故事阅读 36,305评论 1 326
  • 序言:一个原本活蹦乱跳的男人离奇死亡,死状恐怖,灵堂内的尸体忽然破棺而出,到底是诈尸还是另有隐情,我是刑警宁泽,带...
    沈念sama阅读 32,190评论 3 312
  • 正文 年R本政府宣布,位于F岛的核电站,受9级特大地震影响,放射性物质发生泄漏。R本人自食恶果不足惜,却给世界环境...
    茶点故事阅读 37,550评论 3 298
  • 文/蒙蒙 一、第九天 我趴在偏房一处隐蔽的房顶上张望。 院中可真热闹,春花似锦、人声如沸。这庄子的主人今日做“春日...
    开封第一讲书人阅读 28,880评论 0 17
  • 文/苍兰香墨 我抬头看了看天上的太阳。三九已至,却和暖如春,着一层夹袄步出监牢的瞬间,已是汗流浃背。 一阵脚步声响...
    开封第一讲书人阅读 30,152评论 1 250
  • 我被黑心中介骗来泰国打工, 没想到刚下飞机就差点儿被人妖公主榨干…… 1. 我叫王不留,地道东北人。 一个月前我还...
    沈念sama阅读 41,451评论 2 341
  • 正文 我出身青楼,却偏偏与公主长得像,于是被迫代替她去往敌国和亲。 传闻我的和亲对象是个残疾皇子,可洞房花烛夜当晚...
    茶点故事阅读 40,637评论 2 335

推荐阅读更多精彩内容

  • 概述 JavaScript提供了一个内部数据结构,用来描述一个对象的属性的行为,控制它的行为。这被称为“属性描述对...
    zjh111阅读 723评论 0 0
  • 概述 JavaScript提供了一个内部数据结构,用来描述一个对象的属性的行为,控制它的行为。这被称为“属性描述对...
    许先生__阅读 475评论 0 1
  • 一、什么是属性描述符? MDN: 对象里目前存在的属性描述符有两种主要形式:数据描述符和存取描述符。 数据描述符是...
    强哥科技兴阅读 400评论 0 0
  • 一、什么是属性描述符? MDN: 对象里目前存在的属性描述符有两种主要形式:数据描述符和存取描述符。 数据描述符是...
    强哥科技兴阅读 885评论 0 0
  • 参考文章:属性描述对象 概述 JavaScript 提供了一个内部数据结构,用来描述对象的属性,控制它的行为,比如...
    chrisghb阅读 268评论 0 0