ECMA-262第五版在定义时,描述了属性property的各种特征,定义这些特性是为了实现javascript引擎用的,为了表示该特性是内部值,规范把它们放在了两对儿方括号中,例如[[Enumerable]]。我们参考第五版描述。

ECMAScript中有两种属性:数据属性和访问器属性。

  数据属性

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

[[Configurable]]:表示能否通过delete删除属性从而重新定义属性,能否修改属性特性,或者能否把属性修改为访问器属性。我们通常直接在对象上定义属性,这个特性默认值为true。

[[Enumerable]]:表示能否通过for-in循环返回属性。我们通常直接在对象上定义的属性,默认值为true。

[[Writable]]:表示能否修改属性的值。我们通常直接在对象上定义的属性,默认值为true。

[[Value]]:包含这个属性的数据值。读取值从这里读,写入也把新值保存在这里。这个特性默认值为undefined。

要修改属性默认的特性,必须使用ECANScript5的Object.defineProperty()方法。

这个方法接收三个参数:属性所在对象,属性名称,一个描述符对象。

描述符对象的属性必须是 configurable,enumerable,writable,value。设置其中一个或多个值,可以修改对应的特性。

  var person = {};

 Object.defineProperty(person,'name',{
writable: false,
value: 'jack'
}); alert(person.name); // 'jack'
person.name = 'Tom';
alert(person.name); // 'jack'

这个例子创建了一个person对象,并为其创建了一个name属性,它的值'jack'是只读的,不可修改的。如果尝试为它指定新值,在非严格模式下会被忽略,严格模式下,会抛出错误。

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

 var person = {};
Object.defineProperty(person,'name',{
configurable: false,
value: 'Tom'
}); //抛出错误
Object.definProperty(person,'name'{
configurable: true,
value: 'Tom'
});

访问器属性

访问器属性不包含数据值,它们包含一对儿getter和setter函数(这两个函数都不是必须的)。

读取调用getter,写入调用setter。

访问器属性有如下四个特性

[[Configurable]]:表示能否通过delete删除属性从而重新定义属性,能否修改属性特性,或者能否把属性修改为访问器属性。我们通常直接在对象上定义属性,这个特性默认值为true。

[[Enumerable]]:表示能否通过for-in循环返回属性。我们通常直接在对象上定义的属性,默认值为true。

[[Get]]:在读取属性时调用函数。默认值为undefined。

[[Set]]:在写入属性时调用函数。默认值为undefined。

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

 var book = {
_year = 2004,
edtion: 1
}
Object.defineProperty(book,'year',{
get: function(){
return this._year;
},
set: function(newValue){
if(newValue > 2004){
this._year = newValue;
this.edition += newValue - 2004;
}
}
});
book.year = 2005;
alert(book.edition); //

以上代码给book对象定义了两个默认属性:_year和edition。_year表示通过对象访问方法访问属性。

而访问器属性year包含getter和setter函数。getter函数返回_year的值,setter计算正确的版本。修改year为2005会导致_year变成2005。edition变为2.这是使用访问器属性的常见方式。

在不支持Object.defineProperty()方法的浏览器中不能修改[[Configurable]]和[[Enumerab]]。

javascript对象属性——数据属性和访问器属性的更多相关文章

  1. JavaScript中的数据属性和访问器属性

    在学习JavaScript原型(prototype)和原型链(prototype chain)知识的时候,发现数据属性和访问器属性的重要性,通过不断的查找相关知识,浅显理解如下,若有差错,希望不吝赐教 ...

  2. js对象的数据属性和访问器属性

    js面向对象 ECMA-262第5版在定义只有内部才用的特性(attribute)时,描述了属性(property)的各种特征.ECMA-262定义这些特性是为了实现javascript引擎用的,因此 ...

  3. JS的数据属性和访问器属性

    ECMA-262第5版在定义只有内部才用的特性(attribute)时,描述了属性(property)的各种特征.ECMA-262定义这些特性是为了实现javascript引擎用的,因此在javasc ...

  4. JavaScript 数据属性和访问器属性

    在JavaScript中对象被定义为"无序属性的集合,其属性可以包含基本值.对象或函数."通俗点讲,我们可以把对象理解为一组一组的名值对,其中值可以是数据或函数. 创建自定义对象通 ...

  5. JavaScript 属性类型(数据属性和访问器属性)

    数据属性 数据属性包含一个数据值的位置.在这个位置可以读取和写入值.数据属性有 4 个描述其行为的特性. [[Configurable]]:表示能否通过 delete 删除属性从而重新定义属性,能否修 ...

  6. JavaScript数据属性与访问器属性

    ES5中对象的属性可以分为‘数据属性’和‘访问器属性’两种. 数据属性一般用于存储数据数值,访问器属性对应的是set/get操作,不能直接存储数据值. 数据属性特性:value.writable.en ...

  7. 浅谈Javascript数据属性与访问器属性

    ES5中对象的属性可以分为‘数据属性’和‘访问器属性’两种. 数据属性一般用于存储数据数值,访问器属性对应的是set/get操作,不能直接存储数据值. 数据属性特性:value.writable.en ...

  8. Js中的数据属性和访问器属性

    Js中的数据属性和访问器属性 在javaScript中,对象的属性分为两种类型:数据属性和访问器属性. 一.数据属性 1.数据属性:它包含的是一个数据值的位置,在这可以对数据值进行读写. 2.数据属性 ...

  9. js中属性类型:数据属性与访问器属性

    js中属性类型分为两种:数据属性和访问器属性 在js中,对象都是由名值对构成的,名:就是我们所说的属性名,值就是属性对应的值(基本值.对象.方法). ECMA-262第5版定义了只有内部才用的特性,描 ...

随机推荐

  1. hdu 4735Little Wish~ lyrical step~ 重复覆盖

    题目链接 给出一棵树, 树上点的值为0或1, 可以交换树上两个点的权值, 给出一个距离m, 所有的0距离最近的1的距离不能超过m, 求最少的交换次数. 首先对于每一个点u,所有离u的距离不超过m的点v ...

  2. 搭建Ubuntu环境中的Error [dpkg 被中断,您必须手工运行 sudo dpkg --configure -a 解决此问题][安装Flashplayer出错 ]

    //解决方法如下: sudo rm /var/cache/apt/archives/lock sudo rm /var/lib/dpkg/lock sudo dpkg -r flashplugin-i ...

  3. iOS 开发技巧

    快速移除键盘 之前一直是讲view的父类改成control,然后加一个全屏按钮,点击让键盘消失.这个方法要写好多代码,现在一个比较好的方法是重写一个下面的方法: - (void)touchesBega ...

  4. WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起

    WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTM ...

  5. hdoj 2620 Bone Collector(0-1背包)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2602 思路分析:该问题为经典的0-1背包问题:假设状态dp[i][v]表示前i件物品恰放入一个容量为v ...

  6. 利用KVC实现无需协议的委托模式

    在<精通iOS开发>一书中看到的技巧.假设BIDTaskListController是一个列表,点击列表上的一项将会导航到BIDTaskDetailController,在BIDTaskD ...

  7. Linux中环境变量到底写在哪个文件中?解析login shell 和 no-login shell

    login shell:取得bash 时需要完整的登入流程,就称为login shell.举例来说,同tty1~tty6登入时, 需要输入用户名和密码,此时取得的bash就称为login shell ...

  8. C++中搜索、截取字符串

    演示样例中有具体凝视,直接上代码: #include <iostream> #include <string> using std::cout; using std::endl ...

  9. Swift中的UIKit重力学

    前言: 重力学这个名词不论在哪个行业领域听起来似乎都非常高大上. 那么在Swift中的重力学是什么呢?那就是将我们移动端屏幕上毫无生命力的东西也置于万有引力中.使它们能够展现出好像真的因为引力而向下坠 ...

  10. 收藏:左路Deep Learning+右路Knowledge Graph,谷歌引爆大数据

    发表于2013-01-18 11:35| 8827次阅读| 来源sina微博 条评论| 作者邓侃 数据分析智能算法机器学习大数据Google 摘要:文章来自邓侃的博客.数据革命迫在眉睫. 各大公司重兵 ...