详解JavaScript常量定义(2)

var CONST = {}; Object.defineProperty(CONST, "A", { value: 1, writable: false, //设置不可写 configurable: false, //设置属性不可配置 enumerable: false //设置不可枚举 }); Object.defineProperty(CONST, "A", { value: 2, //该属性本身不受 configurable 的影响,但由于属性不可写,受 writable 的限制 writable: true, //错误!属性不可配置 configurable: true, //错误!属性不可配置 enumerable: true //错误!属性不可配置 });

但是 configurable 的限制有一个特例,就是 writable 可以由 true 改为 false,不能由 false 改为 true:

var CONST = {}; Object.defineProperty(CONST, "A", { value: 1, writable: true, //设置可写 configurable: false, //设置属性不可配置 enumerable: false //设置不可枚举 }); Object.defineProperty(CONST, "A", { value: 2, //该属性本身不受 configurable 的影响,由于属性可写,修改成功 writable: false, configurable: false, enumerable: false }); console.log(CONST.A); //2 CONST.A = 3; //错误!属性只读

可枚举描述符用于配置属性是否可以枚举,也就是是否会出现在 for ... in ... 语句中:

var CONST = {}; Object.defineProperty(CONST, "A", { value: 1, writable: false, configurable: false, enumerable: true //可枚举 }); Object.defineProperty(CONST, "B", { value: 2, writable: false, configurable: false, enumerable: false //不可枚举 }); for (var key in CONST) { console.log(CONST[key]); //1 };

有了以上的基础,我们也就学会一种定义常量的方法,使用属性的数据描述符,下次我们需要用到常量的时候,就可以定义一个 CONST 命名空间,将常量封装在该命名空间里面,由于属性描述符默认为 false,所以我们也可以这样定义:

var CONST = {}; Object.defineProperty(CONST, "A", { value: 1, enumerable: true }); Object.defineProperty(CONST, "B", { value: 2, enumerable: true });

以上方法是从属性的角度的去定义一组常量,不过我们还可以用另外一种方法,从对象的角度去配置一个对象包括它的所有属性,Object.preventExtensions() 方法可以让一个对象不可扩展,该对象无法再添加新的属性,但是可以删除现有属性:

var CONST = {}; CONST.A = 1; CONST.B = 2; Object.preventExtensions(CONST); delete CONST.B; console.log(CONST); //CONST: { A: 1} CONST.C = 3; //错误!对象不可扩展

在该方法的基础之上,我们可以使用 Object.seal() 来对一个对象密封,该方法会阻止对象扩展,并将该对象的所有属性设置为不可配置,但是可写:

var CONST = {}; CONST.A = 1; CONST.B = 2; Object.seal(CONST); CONST.A = 3; console.log(CONST.A); //3 Object.defineProperty(CONST, "B", { value: 2, writable: true, configurable: true, //错误!属性不可配置 enumerable: false, //错误!属性不可配置 }) CONST.C = 3; //错误!对象不可扩展

也就是说 Object.seal() 方法相当于帮助我们批量的将属性的可配置描述符设置为 false ,所以说在代码实现层面相当于:

Object.seal = function (obj) { Object.preventExtensions(obj); for (var key in obj) { Object.defineProperty(obj, key, { value: obj[key], writable: true, configurable: false, enumerable: true }) }; return obj; }

在以上两个方法基础上,我们可以 Object.freeze() 来对一个对象进行冻结,实现常量的需求,该方法会阻止对象扩展,并冻结对象,将其所有属性设置为只读和不可配置:

var CONST = {}; CONST.A = 1; CONST.B = 2; Object.freeze(CONST); CONST.A = 3; //错误!属性只读 Object.defineProperty(CONST, "B", { value: 3, //错误!属性只读 writable: true, //错误!属性不可配置 configurable: true, //错误!属性不可配置 enumerable: false, //错误!属性不可配置 }) CONST.C = 3; //错误!对象不可扩展

从代码实现层面上相当于:

Object.freeze = function (obj) { Object.preventExtensions(obj); for (var key in obj) { Object.defineProperty(obj, key, { value: obj[key], writable: false, configurable: false, enumerable: true }) }; return obj; }

最后我们在来看一下这三个方法的兼容性:

Object.preventExtensions()

Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari
Basic support   4 (2.0)   6   9   未实现   5.1  

Object.seal()

Feature Firefox (Gecko) Chrome Internet Explorer Opera Safari
Basic support   4 (2.0)   6   9   未实现   5.1  

Object.freeze()

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wwjgzs.html