es6怎样声明只读常量

发布时间：2023-07-13 12:00:26 所属栏目：教程来源：未知

导读： 　　给大家分享一下es6如何声明只读常量的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下

　　给大家分享一下es6如何声明只读常量的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇文章后有所收获，下面我们一起来了解一下吧。

　　在es6中，可以使用const关键字来声明只读常量，语法“const 常量名 = 常量值;”；一旦声明，常量必须进行初始化且初始化的值就不能改变。const声明的常量属于块作用域，受到“暂存死区”的约束，不会在window上创建任何全局属性，不可重新分配，不可重新声明。

　　在es6中，可以使用const关键字来声明只读常量。

　　es6 const关键字

　　const声明一个只读的常量。一旦声明，常量必须进行初始化且初始化的值就不能改变。

　　const PI = 3.1415;

　　PI // 3.1415

　　PI = 3;

　　// TypeError: Assignment to constant variable.

　　const 常量遵守以下规则：

　　是属于块作用域的。

　　受到“暂存死区”的约束。

　　它不会在 window 上创建任何全局属性。

　　不可重新分配。

　　不可重新声明。

　　const一旦声明变量，就必须立即初始化。

　　const foo;

　　// SyntaxError: Missing initializer in const declaration

　　上面代码表示，对于const来说，只声明不赋值，就会报错。

　　const的作用域与let命令相同：只在声明所在的块级作用域内有效。

　　if (true) {

　　 const MAX = 5;

　　}

　　MAX // Uncaught ReferenceError: MAX is not defined

　　const命令声明的常量也是不提升，同样存在暂时性死区，只能在声明的位置后面使用。

　　if (true) {

　　 console.log(MAX); // ReferenceError

　　 const MAX = 5;

　　}

　　上面代码在常量MAX声明之前就调用，结果报错。

　　const声明的常量，也与let一样不可重复声明。

　　var message = "Hello!";

　　let age = 25;

　　// 以下两行都会报错

　　const message = "Goodbye!";

　　const age = 30;

　　const本质

　　const实际上保证的，并不是变量的值不得改动，而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据（数值、字符串、布尔值），值就保存在变量指向的那个内存地址，因此等同于常量。但对于复合类型的数据（主要是对象和数组），变量指向的内存地址，保存的只是一个指向实际数据的指针，const只能保证这个指针是固定的（即总是指向另一个固定的地址），至于它指向的数据结构是不是可变的，就完全不能控制了。因此，将一个对象声明为常量必须非常小心。

　　const foo = {};

　　// 为 foo 添加一个属性，可以成功

　　foo.prop = 123;

　　foo.prop // 123

　　// 将 foo 指向另一个对象，就会报错

　　foo = {}; // TypeError: "foo" is read-only

　　上面代码中，常量foo储存的是一个地址，这个地址指向一个对象。不可变的只是这个地址，即不能把foo指向另一个地址，但对象本身是可变的，所以依然可以为其添加新属性。

　　下面是另一个例子。

　　const a = [];

　　a.push('Hello'); // 可执行

　　a.length = 0;    // 可执行

　　a = ['Dave'];    // 报错

　　上面代码中，常量a是一个数组，这个数组本身是可写的，但是如果将另一个数组赋值给a，就会报错。

　　如果真的想将对象冻结，应该使用Object.freeze方法。

　　const foo = Object.freeze({});

　　// 常规模式时，下面一行不起作用；

　　// 严格模式时，该行会报错

　　foo.prop = 123;

　　上面代码中，常量foo指向一个冻结的对象，所以添加新属性不起作用，严格模式时还会报错。

　　除了将对象本身冻结，对象的属性也应该冻结。下面是一个将对象彻底冻结的函数。

　　var constantize = (obj) => {

　　 Object.freeze(obj);

　　 Object.keys(obj).forEach( (key, i) => {

　　    if ( typeof obj[key] === 'object' ) {

　　      constantize( obj[key] );

　　    }

　　 });

　　};

（编辑：晋中站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!