探讨：JavaScriptECAMScript5新特性之get/set访问器_javascript技巧
内容导读
互联网集市收集整理的这篇技术教程文章主要介绍了探讨：JavaScriptECAMScript5新特性之get/set访问器_javascript技巧，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含9705字，纯文字阅读大概需要14分钟。
内容图文
EcmaScript5简介
首先得先搞清楚ECMAScript是神马，我们知道JavaScript或者说LiveScript最开始是Netscape搞出来的，后来微软也跟进搞出了Jscript，ScriptEase也有自己的CENvi，这样就有了三个版本的浏览器Script各行其是，大家懂这个混乱的，于是乎标准化的问题被提上议事日程。1997年以JavaScript1.1为蓝本的建议被提交到欧洲计算机制造商协会（ E uropean C omputer M anufacturers A ssociation），最后大家载歌载舞搞出了ECMA-262——一种名为ECMAScript的新脚本语言标准。第二年，ISO/IEC（国际标准化组织和国际电工委员会）也采用ECMAScript作为标准，此后天下太平，各大浏览器厂商以ECMAScript作为各自实现JavaScript的基础，当然只是基础，没完全按照来，否则我们也不会有那么多浏览器兼容性问题。
ECMAScript5是什么呢？顾名思义跟iPhone5一样是这个奇怪东东的第五个版本，我们现在常用的时ECMAScript3，相比前两个版本这个版本算是一门正真的编程语言而不是玩具了，变得很流行。
正文：
之前对get/set的理解一直有误，觉得get set 是对象属性方法。看了别人的博客也有很多疑问，今天系统的做了很多测试终于弄明白了。（自己通过看书和写demo测试的，如有不对欢迎大家批评指正）
get/set访问器不是对象的属性，而是属性的特性。大家一定要分清楚。特性只有内部才用，因此在javaScript中不能直接访问他们。为了表示特性是内部值用两队中括号括起来表示如[[Value]]。
1.先简单介绍一下属性的这些特性(这里是简单的背书)
(1)数据属性——包含一个数据值的位置。这个位置可以读入和写入值。
数据属性有描述其行为的四个特性：
[[Configurable]]:是否可配置
[[Enumerable]]:是否可枚举
[[Writable]]:是否可读
[[Value]]: 属性值
(2)访问器属性属性——不包含数据值，包含一个getter和setter函数（这两个函数不是必须的）
访问器属性也有描述其行为的四个特性：
[[Configurable]]:是否可配置
[[Enumerable]]:是否可枚举
[[Get]]:在读取属性时调用的函数，默认是undefined
[[Set]]:在写入属性时调用的函数，默认是undefined
2.这里着重介绍[[Get]]/[[Set]]就是我们所说的get/set访问器
先说一个书上说的 get/set访问器行为特点：get/set访问器可以不用定义,不定义也可以读写属性值。也可以只定义一个。只定义get,则被描述的属性只可读，不可写。只定义set,则被描述的属性只可写，不可读。
（1）我们原来的get set方法是这样的：
以上代码只是利用闭包作用域实现的get set 方法，注意是方法即实例对象的属性方法，不是属性特性。如果不定义，将无法访问value值
以下例子也是对象的属性方法，不是属性特性。
（2）作为访问器属性的特性的get/set访问器。
再说一遍不是对象的属性，他们 决定属性能否、怎么读写。如果不设置也行，就和平时的读写一样（属性可读可
写，读写访问的都是属性本身的值）
要改变属性的get /set 特性，有两种方式：
a.就是用Object.defineProperty()
注意Object.defineProperty(object,pro,{})中的属性名一定要和object.pro访问的属性对应
b.就是用用 get set 关键字：
以上两种方法等效。注意的是以上两种方法object对象当中都将有有两个属性：_name(有初始值) name(无初始值)，通过浏览器控制台可以看到
那么这个name属性实在什么时候定义的呢？我们知道Object.defineProperty(object,pro,{})可以给对象定义一个新属性pro,既然get pro(){}/set pro(){}和Object.defineProperty(object,pro,{})等效，则也会定义一个新属性pro .这就是为什么object里面有两个属性的原因。
（3）在此篇文章中网络之美 JavaScript中Get和Set访问器的实现代码关于标准标准的Get和Set访问器的实现：引发的思考
我自己也写了一个一样的例子
为了解决以上这个疑问，做了很多测试，我们一一来看：
先看这个例子，在prototype里面只定义get 特性，在obj.value读value属性时，在实例里面寻找没有，然后在原型里面找到，调用的是原型的get方法，只能读不能写
如果构造函数里面this._value 去掉下划线，在prototype里面定义的value属性，定义了get 特性。依然可以控制value属性的读写 。也就是说obj.value访问属性时，会调用get方法，先在对象本身寻找，如果没有，再到prototype寻找，如果都没有才算没有定义，默认的既可读又可写
为了证明上面例子是可读不可写的:手动写入_value:"hah"，就可以读取value 但不能写入。
如果手动写入的是value:"hah"，那么可以争取读取value的值吗？由于get方法返回的this._value并没有定义，obj.value读取value值调用get value(){}方法失效，但是value仍然不能写入。
再看这个例子，get set 都定义了，但是返回没有定义的this._value。可以发现value既可读又可写。去掉原型里面的get set方法，依然可读可写
总结
只声明了get pro(){}属性 可读不可写；
只声明 set pro(){}属性可写不可读。
如果都不声明，属性可读可写；
如果都声明就按照，get set 定义的方法，读写；
如果都声明了，但是定义的读写方法不能正确读写，get/set失效。变成默认的可读可写
在prototype里面定义的value属性，定义了get 特性。依然可以控制value属性的读写 。也就是说obj.value访问属性时，会调用get方法，先在对象本身寻找，如果没有，再到prototype寻找，如果都没有才算没有定义，默认的既可读又可写。
补充：
pro不能和 return this. 后面的属性一样，不然会报下面的错误：(具体我也不知道为什么，好像是自身调用引起的栈溢出)
经大神指正,明白为什么这里报错：在get value(){}方法里返回 this.value,就会又去调用value的get 方法，因此陷入死循环，造成方法栈溢出。
内容总结
以上是互联网集市为您收集整理的探讨：JavaScriptECAMScript5新特性之get/set访问器_javascript技巧全部内容，希望文章能够帮你解决探讨：JavaScriptECAMScript5新特性之get/set访问器_javascript技巧所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。
内容备注
版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。
内容手机端
扫描二维码推送至手机访问。