JS对象与访问器属性

JS对象与访问器属性

  (2015-12-25 11:42:02)
标签: 

js


       大家都知道,JavaScript是从ECMAScript中发展出来了。 它是基于对象的语言(注:不是面向对象哦)。在JavaScript中没有类的概念。 因此,它的对象和基于类的对象是不一样的。

在JavaScript中,创建自定义对象最简单的方法就是直接创建一个Object实例。然后再为其添加属性和方法。我们看下面的代码,这种方式以前有很多JS程序员喜欢使用:

JS对象与访问器属性

但是上面这种方式有点麻烦,现在大家都喜欢直接使用字面量(一种JSON格式)来完成对象的创建(注:这段代码和上面的代码效果一样):

JS对象与访问器属性

上面两种方法最后的结果是一样的,都是一个person对象,它里面有name与age属性,并且有sayHello的方法。

大家知道,在学习java的时候有javabean这个特性,也就是我们常见的get,set属性,在很多其它的编程语言中也有这种特性。那么在js中,有去实现了这种get,set特性嘛?当然有,不过注意了,不要用低版本的浏览器,那可不支持。 至少你也得是IE8及以上版本的浏览器,看我们怎么来实现这种访问器属性。

接下来我们就一步一步来完成使用访问器属性的代码:

第一步:先声明创建一个普通的对象

JS对象与访问器属性

第二步:使用defineProperty来为上面的对象加上getter与setter

JS对象与访问器属性

JS对象与访问器属性

打印出来的结果就是0,证明当我们使用了上述方法后,确实使用到了get与set的方法。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值