分享更有价值
被信任是一种快乐

es6如何声明只读常量

文章页正文上

今天小编给大家分享一下es6如何声明只读常量的相关知识点,内容详细,逻辑清晰,相信大部分人都还太了解这方面的知识,所以分享这篇文章给大家参考一下,希望大家阅读完这篇文章后有所收获,下面我们一起来了解一下吧。 在es6中,可以使用const关键字来声明只读常量,语法“const 常量名 = 常量值;”;一旦声明,常量必须进行初始化且初始化的值就不能改变。const声明的常量属于块作用域,受到“暂存死区”的约束,不会在window上创建任何全局属性,不可重新分配,不可重新声明。在es6中,可以使用const关键字来声明只读常量。es6 const关键字const声明一个只读的常量。一旦声明,常量必须进行初始化且初始化的值就不能改变。

constPI=3.1415;
PI//3.1415

PI=3;
//TypeError:Assignmenttoconstantvariable.

const 常量遵守以下规则:是属于块作用域的。受到“暂存死区”的约束。它不会在 window 上创建任何全局属性。不可重新分配。不可重新声明。const一旦声明变量,就必须立即初始化。

constfoo;
//SyntaxError:Missinginitializerinconstdeclaration

上面代码表示,对于const来说,只声明不赋值,就会报错。const的作用域与let命令相同:只在声明所在的块级作用域内有效。

if(true){
constMAX=5;
}

MAX//UncaughtReferenceError:MAXisnotdefined

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

if(true){
console.log(MAX);//ReferenceError
constMAX=5;
}

上面代码在常量MAX声明之前就调用,结果报错。const声明的常量,也与let一样不可重复声明。

varmessage="Hello!";
letage=25;

//以下两行都会报错
constmessage="Goodbye!";
constage=30;

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

constfoo={};

//为foo添加一个属性,可以成功
foo.prop=123;
foo.prop//123

//将foo指向另一个对象,就会报错
foo={};//TypeError:"foo"isread-only

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

consta=[];
a.push('Hello');//可执行
a.length=0;//可执行
a=['Dave'];//报错

上面代码中,常量a是一个数组,这个数组本身是可写的,但是如果将另一个数组赋值给a,就免费云主机、域名会报错。如果真的想将对象冻结,应该使用Object.freeze方法。

constfoo=Object.freeze({});

//常规模式时,下面一行不起作用;
//严格模式时,该行会报错
foo.prop=123;

上面代码中,常量foo指向一个冻结的对象,所以添加新属性不起作用,严格模式时还会报错。除了将对象本身冻结,对象的属性也应该冻结。下面是一个将对象彻底冻结的函数。

varconstantize=(obj)=>{
Object.freeze(obj);
Object.keys(obj).forEach((key,i)=>{
if(typeofobj[key]==='object'){
constantize(obj[key]);
}
});
};

以上就是“es6如何声明只读常量”这篇文章的所有内容,感谢各位的阅读!相信大家阅读完这篇文章都有很大的收获,小编每天都会为大家更新不同的知识,如果还想学习更多的知识,请关注云技术行业资讯频道。

相关推荐: jquery ready事件的四种方法怎么使用

本篇内容介绍了“jquery ready事件的四种方法怎么使用”的有关知识,在实际案例的操作过程中,不少人都会遇到这样的困境,接下来就让小编带领大家学习一下如何处理这些情况吧!希望大家仔细阅读,能够学有所成! jquery ready事件的四种方法是:1、“$…

文章页内容下
赞(0) 打赏
版权声明:本站采用知识共享、学习交流,不允许用于商业用途;文章由发布者自行承担一切责任,与本站无关。
文章页正文下
文章页评论上

云服务器、web空间可免费试用

宝塔面板主机、支持php,mysql等,SSL部署;安全高速企业专供99.999%稳定,另有高防主机、不限制内容等类型,具体可咨询QQ:360163164,Tel同微信:18905205712

主机选购导航云服务器试用

登录

找回密码

注册