JavaScript深入

1.数组

        众所周知访问对象有.访问和[]索引访问两种方法

        数组也支持[]访问形式,不过就像我们之前提到过的,数组有一套更加结构化的值存储机制(不过仍然不限制值的类型)。数组期望的是数值下标,也就是说值存储的位置(通常被称为索引)是整数,比如说0和42:

var myArray = [ "foo", 42, "bar" ];  
myArray.length; // 3 
myArray[0]; // "foo" 
myArray[2]; // "bar"

数组也是对象,所以虽然每个下标都是整数,你仍然可以给数组添加属性: 

var myArray = [ "foo", 42, "bar" ];  
myArray.baz = "baz";  
myArray.length; // 3 
myArray.baz; // "baz"

 可以看到虽然添加了命名属性(无论是通过.语法还是[]语法),数组的length值并未发生变化。

你完全可以把数组当作一个普通的键/值对象来使用,并且不添加任何数值索引,但是这并不是一个好主意。数组和普通的对象都根据其对应的行为和用途进行了优化,所以最好只用对象来存储键/值对,只用数组来存储数值下标/值对。 注意:如果你试图向数组添加一个属性,但是属性名“看起来”像一个数字,那它会变成 一个数值下标(因此会修改数组的内容而不是添加一个属性):

var myArray = [ "foo", 42, "bar" ];  
myArray["3"] = "baz";  
myArray.length; // 4 
myArray[3]; // "baz"

2.不变性

有时候你会希望属性或者对象是不可改变(无论有意还是无意)的,在ES5中可以通过很 多种方法来实现。

很重要的一点是,所有的方法创建的都是浅不变形,也就是说,它们只会影响目标对象和 它的直接属性。如果目标对象引用了其他对象(数组、对象、函数,等),其他对象的内 容不受影响,仍然是可变的:

myImmutableObject.foo; // [1,2,3]  
myImmutableObject.foo.push( 4 );  
myImmutableObject.foo; // [1,2,3,4]

假设代码中的myImmutableObject 已经被创建而且是不可变的,但是为了保护它的内容 myImmutableObject.foo,你还需要使用下面的方法让foo也不可变。

1. 对象常量

结合writable:false 和 configurable:false 就可以创建一个真正的常量属性(不可修改、 重定义或者删除):

var myObject = {}; 
Object.defineProperty( myObject, "FAVORITE_NUMBER", { 
value: 42, 
writable: false, 
configurable: false  
} );

2. 禁止扩展

如果你想禁止一个对象添加新属性并且保留已有属性,可以使用Object.prevent Extensions(..):

var myObject = {  
a:2 
}; 
Object.preventExtensions( myObject ); 
myObject.b = 3;  
myObject.b; // undefined

在非严格模式下,创建属性b会静默失败。在严格模式下,将会抛出TypeError错误。

3. 密封

Object.seal(..) 会创建一个“密封”的对象,这个方法实际上会在一个现有对象上调用 Object.preventExtensions(..) 并把所有现有属性标记为configurable:false。

所以,密封之后不仅不能添加新属性,也不能重新配置或者删除任何现有属性(虽然可以 修改属性的值)

4. 冻结

Object.freeze(..) 会创建一个冻结对象,这个方法实际上会在一个现有对象上调用 Object.seal(..) 并把所有“数据访问”属性标记为writable:false,这样就无法修改它们 的值。

这个方法是你可以应用在对象上的级别最高的不可变性,它会禁止对于对象本身及其任意 直接属性的修改(不过就像我们之前说过的,这个对象引用的其他对象是不受影响的)。

你可以“深度冻结”一个对象,具体方法为,首先在这个对象上调用Object.freeze(..), 然后遍历它引用的所有对象并在这些对象上调用Object.freeze(..)。但是一定要小心,因 为这样做有可能会在无意中冻结其他(共享)对象。

  • 19
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值