带你走进JavaScript世界系列——面向对象的程序设计

面向对象的语言有一个标志,就是他们都有类的概念,而通过类可以创建任意多个具有相同属性和方法的对象。ECMA 把对象定义为:无序属性的集合,其属性可以包含基本值、对象或者函数。这就是说对象是一组没有特定顺序的值。

理解对象

前面已经介绍过,创建自定义的对象最简单的方式就是创建一个 Object 的实例,然后给它添加属性和方法:

带你走进JavaScript世界系列——面向对象的程序设计

上面的例子创建了一个名为 person 的对象,并给它添加了三个属性和一个方法。这种创建对象的方法逐渐被以下(对象字面量)这种方式所取代:

带你走进JavaScript世界系列——面向对象的程序设计

属性类型

ECMA第5版在定义只有内部才用的特性时,描述了属性的各种特征。定义这些特性是为了实现JavaScript引擎用的,因此在JavaScript中不能直接访问它们。为了表示特性是内部值,该规范把它们放在了两对方括号(例如:[[xxx]])中。ECMAScript 中有两种属性:数据属性和访问器属性。

数据属性

数据属性包含了一个数值的位置。在这个位置可以读取和写入值。数据属性有4个描述其行为的特性。

  1. [[Configurable]]:表示能否通过delete删除属性从而重新定义属性,能否修改属性的特性,或者能否把这个属性修改为访问器属性。像上面的例子中直接在对象上定义的属性,它们的这个特性值默认为 true。
  2. [[Enumerable]]:表示能否通过 for-in 循环返回属性。像上面的例子中直接在对象上定义的属性,它们的这个特性默认值为 true。
  3. [[Writable]]:表示能否修改属性的值。像上面的例子中直接在对象上定义的属性,它们的这个特性默认值为 true。
  4. [[Value]]:包含这个属性的数据值。读取属性值的时候,从这个位置读;写入属性值的时候,把新值保存在这个位置。这个特性的默认值为 undefined。

像上面例子中那样直接在对象上定义属性,它们的[[Configurable]]、[[Enumerable]]、[[Writable]]的特性都被设置成 true,而[[Value]]特性被设置为指定的值。例如:

带你走进JavaScript世界系列——面向对象的程序设计

这里创建了一个名为 name 的属性,为它指定的值是"Tom"。也就是说,[[Value]]特性将被设置成"Tom",而对于这个值的任何修改都将反映在这个位置。

想要修改属性默认的特性,必须使用 ECMAScript 5的 Object.defineProperty()方法。这个方法接收三个参数:属性所在的对象、属性的名字和一个描述符对象。其中,描述符对象的属性必须是:configurable、enumerable、writable 和 value 。设置其中的一个或多个值,可以修改对应的特性值。例如:

带你走进JavaScript世界系列——面向对象的程序设计

上面的例子创建了一个名为 name 的属性,它的值为"Tom"是只读的。这个属性的值是不能被修改的,如果尝试为它指定新值,在非严格模式下,赋值操作被忽略;在严格模式下,赋值操作将会导致抛出错误。

类似的规则也适用于不可配置的属性,例如:

带你走进JavaScript世界系列——面向对象的程序设计

把 configurable 设置为 false,表示不能从对象中删除属性。如果对这个属于调用 delete ,在非严格模式下什么也不会发生,在严格模式下,会导致错误。而且,一旦把属性定义为不可配置的,就不能再把它变回可配置了。此时,再调用 Object.defineProperty() 方法修改 writable 之外的特性,都会导致错误。

也就是说,可以多次调用 Object.defineProperty() 方法修改同一个属性,但是在把 configurable 特性值设置为 false 之后就有了限制了。在调用 Object.defineProperty() 方法创建一个新的属性是,如果不指定 configurable、enumerable 和 writable 特性的默认值都是 false 。如果调用 Object.defineProperty() 只是修改已定义的属性的特性,则无此限制。

访问器属性

访问器属性不包含数据值;它们包含一对 getter 和setter 函数(这两个属性都不是必需的)。在读取访问器属性时,会调用 getter 函数,这个函数负责返回有效的值;在写入访问器属性时,会调用 setter 函数并传入新值,这个函数负责决定如何处理数据。访问器属性有如下4个特性。

  1. [[Configurable]]:表示能否通过 delete 删除属性从而重新定义属性,能否修改属性的特性,或者能否把属性修改为数据属性。对于直接在对象上定义的属性,这个特性的默认值为 true。
  2. [[Enumerable]]:表示能否通过 for-in 循环返回属性。对于直接在对象上定义的属性,这个特性的默认值为 true。
  3. [[Get]]:在读取属性时调用的函数。默认值为 undefined。
  4. [[Set]]:在写入属性时调用的函数。默认值为 undefined。

访问器属性不能直接定义,必须使用 Object.defineProperty() 来定义:

带你走进JavaScript世界系列——面向对象的程序设计

以上的例子创建了一个 book 对象,并给它定义了两个默认属性:_year 和 edition。访问器属性year则包含一个getter函数和一个setter函数。getter函数返回_year的值,setter函数用来计算正确的edition。不一定非要同时指定 getter 和 setter 。只指定 getter 意味着属性是不能写。尝试写入属性会被忽略(在严格模式下,会抛出错误)。同样地,只指定 setter 函数的属性也不能读,在非严格模式下会返回undefined,在严格模式下会报错。

定义多个属性

由于为对象定义多个属性的可能性很大,ECMAScript 5 又定义了一个 Object.defineProperties() 方法。利用这个方法可以通过描述符一次定义多个属性。这个方法接收两个对象参数:第一个对象是要添加和修改其属性的对象,第二个对象是属性与第一个对象中要添加或修改的属性一一对应。例:

带你走进JavaScript世界系列——面向对象的程序设计

以上代码在 book 对象中定义两个数据属性(_year 和 edition )和一个访问器属性(year)。支持该方法的浏览器有 IE9+、Firefox4+、Safari5+、Opera12+ 和 Chrome。

读取属性的特性

使用 ECMAScript 5 的 Object.getOwnPropertyDescriptor() 方法,可以取得给定属性的描述符。这个方法接收两个参数:属性所在的对象和要读取其描述符的属性名称。返回值是一个对象,如果是访问器属性,这个对象的属性有 configurable、enumerable、get 和 set;如果是数据属性,这个对象的属性有configurable、enumerable、writable 和 value。例:

带你走进JavaScript世界系列——面向对象的程序设计

免责声明:本文作者:“资深北漂假码农”,版权归作者所有,观点仅代表作者本人。本站仅提供信息存储分享服务,不拥有所有权。信息贵在分享,如有侵权请联系ynstorm@foxmail.com,我们将在24小时内对侵权内容进行删除。
(48)
腾讯企业邮箱『插件』是什么?有什么作用?
上一篇 2024年01月01日
ktpcntr(如何将图片转化为word
下一篇 2024年01月01日

相关推荐

  • u盘专杀(电脑中感染性病毒怎么杀毒)

    2,建议您现在立刻下载腾讯电脑管家“8.3”最新版,对电脑首先进行一个体检,打开所有防火墙避免系统其余文件被感染。...

    2023年10月30日
  • xsmax(现在iphone)

    现在的苹果iPhoneXSMax还是值得入手的。苹果上一代的旗舰手机,各方面表现都很优秀!iPhone向来是提供不弱于同期Android旗舰的性能和体验,所以即便到了2020年的今天这款手机某些方面都不比当下的最新手机差!...

    2023年11月02日
  • 0xc000025(win10错误代码0xc0000025怎么办呢)

    出现这样的现象是由于系统BCD文件被损坏或者说已经丢失了,通常都是一些用户在UEFI模式下安装GHOST系统导致的。可以通过bcdedit.exe程序来编辑BCD文件,手动修复BCD文件即可!...

    2023年11月07日
  • pdf密码移除器(pdf权限密码怎么取消)

    装一下这个绿色版的,先运行“@Install_绿化.exe”,之后运行“apdfpr.exe”,打开加密文件,解密后会另存成解密的pdf文档,这时就没有任何限制了,试试看!...

    2023年11月16日
  • 优惠商品(打折这些词的意思)

    1、进价:通常是指“含税进价”,进价决定的因素包括:“采购及销售人员的素质与谈判技巧,买卖双方的实力,供需的状况,付款条件,其他交易的条件与要求,供应商的地区性营销策略,供应商的获利状况,及买方的市场定位,或进货数量,原材料价格,汇率”等等。...

    2023年11月17日
  • 悠哈奶糖价格(悠哈奶糖有反式脂肪酸吗)

    综合世卫组织以及我国《中国居民膳食营养指南》(2016版)的规定,成年人每天的反式脂肪酸摄入最好控制在2g以下。...

    2023年11月22日
  • nec代理(仁宝集团的创始人是谁)

    仁宝信息技术(昆山)有限公司成立日期2003-06-20,法定代表人许胜雄,注册资本2400万美元,工商注册号320583400026934,注册地址江苏省昆山综合保税区A区第一大道58号。...

    2023年12月04日
  • 步步高手机(步步高为什么改名叫vivo)

    步步高智能手机的名称就叫vivo,是步步高的嫡系。oppo是步步高创始人段永平当初另外构想的一个国际化手机品牌,起初定位是高于步步高本身的,但后来股权结构变化,段永平现在只持有oppo的10%左右股份,原步步高高管陈明永占大头。...

    2023年12月09日
  • 数组公式(excel如何用数组公式一次性完成先乘后加的计算)

    7、上面的是分两步来计算合计的,我们可以利用数组公式,一步到位直接计算出“进货总金额”。以下图二的表格为例。...

    2024年03月20日
  • 320g硬盘价格(现在换个320G硬盘多少钱)

    移动硬盘没有300G的新盘。最接近的320G肯定是旧的。翻新的。500的移动硬盘就是300块钱左右。新的。1T的加几十块钱,不到400。...

    2024年04月29日
返回顶部