ES6之块级绑定

ES6之块级绑定

为什么会出现块级绑定的概念,这是一个历史遗留问题。 在ES6还没出现之前,如果我们使用var来定义变量,变量会进行提升,同时还可以重复声明变量。

js 复制代码
if(Math.random()>0.5){
    var a=1;
    console.log(a)
}else{
    console.log(a)
}

这里打印 a 不会报错,实际上它会提升一个变量 a,类似于var a。 而在ES6中,官方定义了一种新的模式let和const。

let

简单说,官方为了解决这些问题,首先定义了一种新的作用域,它使用{}来划分。叫做块级作用域。在块级作用域中声明的变量只存在于作用域中,并且不允许重复声明和变量提升。上面的代码在没有声明前使用就会报错。

不过实际上变量保留了提升的含义,只是提升到了暂时性死区。使用暂时性死区的变量会报错,只有声明之后才从暂时性死区取出。

还有一个循环中原来会出现的错误。例如:

js 复制代码
for (var i = 0; i < 5; i++) {
     (function (i) {
        setTimeout(() => {
             console.log(i);
         }, 1000);
     })(i);
 } 

在新的模式中,只要将var改为let,就不需要再写一个立即执行函数。

js 复制代码
for(let i=0;i<5:i++){
    setTimeout(()=>{
        console.log(i)
    },1000)
}

原因就在于在循环时,每一次循环都会创建一个新的作用域,同时循环变量还会绑定到作用域,使得每一次循环都会有一个新的循环变量。循环结束后循环变量被销毁。

const

const只能在第一次声明时赋值,之后再进行赋值会出现报错。

const的出现是为了弥补在程序中可能出现的重复赋值造成的错误。在平时,我们会先使用const进行声明,如果遇到需要重新赋值的情况,我们再把它改为let。

同时,const还用于那些不能更改的常量,例如:圆周率,屏幕尺寸等。 注意在for循环中如果有i++的条件出现,则必须使用let定义循环变量,在forin循环中可以使用const定义循环变量。

相关推荐
程序猿阿伟1 小时前
《首屏加载优化手册:Vue3+Element Plus项目提速的技术细节》
前端·javascript·vue.js
尘觉1 小时前
面试-浅复制和深复制?怎样实现深复制详细解答
javascript·面试·职场和发展
chxii3 小时前
ISO 8601日期时间标准及其在JavaScript、SQLite与MySQL中的应用解析
开发语言·javascript·数据库
没逛够3 小时前
Vue 自适应高度表格
javascript·vue.js·elementui
咖啡の猫6 小时前
Vue初始化脚手架
前端·javascript·vue.js
拉不动的猪7 小时前
如何处理管理系统中(Vue PC + uni-app 移动端):业务逻辑复用基本方案
前端·javascript·架构
边洛洛7 小时前
next.js项目部署流程
开发语言·前端·javascript
非凡ghost7 小时前
Syncovery Premium(文件同步软件)
前端·javascript·后端
神膘护体小月半8 小时前
bug 记录 - 路由守卫 beforeRouteLeave 与 confirm 结合,不生效问题
javascript·vue
岁月宁静8 小时前
Vue 3.5 + WangEditor 打造智能笔记编辑器:语音识别功能深度实现
前端·javascript·vue.js