es6中 var let const区别

发布时间:2019-08-09 发布网站:脚本宝典
脚本宝典收集整理的这篇文章主要介绍了es6中 var let const区别脚本宝典觉得挺不错的,现在分享给大家,也给大家做个参考。

由一道面试题引发的思考~~如何用es5实现es6中类似const的效果?

var:有变量提升,提升到当前作用域的最前

let
(1)let不会有变量提升:且let申明的变量在块级作用域中存在暂时性死区 (暂时性死区:在块级作用域中,从块级的顶部到变量申明之前,这一区域是不允许使用该变量的,否则报错,即使是typeof)
(2)全局变量不再属于window对象:在全局let声明的变量不再属于顶层对象(window)
即 let a=1;console.LOG(window.a)//undefined
(3)let变量不能重复声明,无论是var let 或let let 或let VAR 都不行的呀~~

const: 声明一个常量,且声明时必须赋值,const特性同let,而且这个常量是不能改变
注意:如果const常量对应的是一个对象,则不能对常量重新赋值,但是可以改变这个对象的属性~~

1const a=1;a=2;//报错2:consot aa={};aa=2;//报错        3const aaa={};aaa.b=1;//不报错    

面试题:用es5实现类似const效果。我认为这样是可行的: 主要是通过defineProperty设置变量的可写属性为false
'use strict'; Object.defineProperty(this,'x',{value:1,wrITeable:false});
this.x=1; //报错
console.log(x);

'use strict';
Object.definePRoPErty(this,'x',{value:{},writeable:false});
this.x.a=1; //不报错
console.log(x); //{a:1}

通过以上两个例子发现这种实现应该是可以的~~

脚本宝典总结

以上是脚本宝典为你收集整理的es6中 var let const区别全部内容,希望文章能够帮你解决es6中 var let const区别所遇到的问题。

如果觉得脚本宝典网站内容还不错,欢迎将脚本宝典推荐好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。