浅谈在ES5环境下实现const / 憋错料

最近看到一个面试题——用ES5实现const。作为JS初学者的笔者知道在ES6中有const命令，可以用来声明常量，一旦声明，常量的值就不可改变。例如：

1234567891011

const Pi = 3.1415;Pi Pi = 3;// TypeError: Assignment to constant variable.

const foo = {};// 为 foo 添加一个属性，可以成功foo.prop = 123;foo.prop // 123// 将 foo 指向另一个对象，就会报错foo = {}; // TypeError: "foo" is read-only

但是让我困惑的是，怎么才能使用ES5来实现const呢？说到这里我就想起了下半年···中美合拍···两开花···啊不对！！是想起了最近在学习Vue框架，而Vue在实现响应式原理时使用到了Object.defineProperty()方法，该方法可以定义对象属性的数据描述符，比如configurable、writable、enumerable等等，通过这些描述符就可以设置对象属性是否可读可写可配置可枚举，进而就可以实现类似定义常量的功能。

Object.defineProperty() 方法会直接在一个对象上定义一个新属性，或者修改一个对象的现有属性，并返回这个对象。语法如下：

Object.defineProperty(obj, prop, descriptor)

其中descriptor代表将被定义或修改的属性描述符。属性描述符有两种主要形式：数据描述符和存取描述符。本文只讨论数据描述符，数据描述符有以下选项：

configurable

当且仅当该属性的 configurable 为 true 时，该属性描述符才能够被改变，同时该属性也能从对应的对象上被删除。默认为 false。
enumerable
当且仅当该属性的enumerable为true时，该属性才能够出现在对象的枚举属性中。默认为 false。
value
该属性对应的值。可以是任何有效的 JavaScript 值（数值，对象，函数等）。默认为 undefined。
writable
当且仅当该属性的writable为true时，value才能被赋值运算符改变。默认为 false。

此时我们设想，当我们讲对象属性中的writable设为false的时候，该属性是只读的，就能满足我们对常量的要求了。

123456789

var _const = {};Object.defineProperty(_const, "A", {	value: 1,    writable: false, //设置属性只读    configurable: true,    enumerable: true});console.log(_const.A);  //1_const.A = 2; //在严格模式下会抛错，在非严格模式下静默失败，修改无效。

但此时，我们只要修改属性的数据描述符来修改属性值，依然可以对属性值进行修改：

1234567891011121314151617

var _const = {};
Object.defineProperty(_const, "A", {
value: 1,
writable: false,
configurable: true,
enumerable: true
});

Object.defineProperty(_const, "A", {
value: 2,
writable: true,
configurable: true,
enumerable: true
});
console.log(_const.A); 大专栏浅谈在ES5环境下实现constspan class="comment">//2

时间： 2024-10-18 13:40:32

浅谈在ES5环境下实现const

浅谈在ES5环境下实现const的相关文章

【Vue】浅谈Vue不同场景下组件间的数据交流

【VMware虚拟化解决方案】浅议VMware虚拟化环境下的安全策略

浅谈线程池（下）：相关试验及注意事项

浅谈JS执行环境及作用域

浅谈.net jenkins svn下自动化集成环境安装搭建配置

浅谈优化程序性能(下)

浅谈Android市场环境，不加密的APP必死

浅谈Nginx(二)—http下server配置

浅谈export 以及环境变量