前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >js 暂时性死区_暂时性的

js 暂时性死区_暂时性的

作者头像
Java架构师必看
发布2022-07-12 15:31:55
6520
发布2022-07-12 15:31:55
举报
文章被收录于专栏:Java架构师必看

大家好,我是架构君,一个会写代码吟诗的架构师。今天说一说js 暂时性死区_暂时性的,希望能够帮助大家进步!!!

在Js中什么是暂时性呢?

代码语言:javascript
复制
暂时性死区是针对'const','let'这两个关键字而产生的概念。

首先变量提升这个js的基本概念无法撼动,'const'和'let'作为块级作用域也不能避免。

和'var'不同,这两个关键字将作用域限制在了‘块’中,且规定了在该块中,由这两个关键字定义的变量已经被分配内存。

即其实已经'存在'了,但程序未执行到声明处时,访问该变量都会报引用错误。

这个时候,对于该变量来说就是'暂时性死区',通俗来说就是该变量存在,但并未完全存在

上代码

代码语言:javascript
复制
此代码由Java架构师必看网-架构君整理
//情景一、
if (true) { 
   
  // TDZ开始
  tmp = 'abc'; // ReferenceError
  console.log(tmp); // ReferenceError


  let tmp; // TDZ结束
  console.log(tmp); // undefined


  tmp = 123;
  console.log(tmp); // 123
}

上面代码中,在let命令声明变量tmp之前,都属于变量tmp的“死区”。

代码语言:javascript
复制
//情景二
var tmp = 123;
if (true) { 
   
  tmp = 'abc'; // ReferenceError
  let tmp;
}

上面代码中,存在全局变量tmp,但是块级作用域内let又声明了一个局部变量tmp,导致后者绑定这个块级作用域,所以在let声明变量前,对tmp赋值会报错。

ES6 明确规定,如果区块中存在let和const命令,这个区块对这些命令声明的变量,从一开始就形成了封闭作用域。凡是在声明之前就使用这些变量,就会报错。

代码语言:javascript
复制
此代码由Java架构师必看网-架构君整理
//情景三
// 不报错
var x = x;
// 报错
let x = x;
// ReferenceError: x is not defined

上面代码报错,也是因为暂时性死区。使用let声明变量时,只要变量在还没有声明完成前使用,就会报错。上面这行就属于这个情况,在变量x的声明语句还没有执行完成前,就去取x的值,导致报错”x 未定义“

今天文章到此就结束了,感谢您的阅读,Java架构师必看祝您升职加薪,年年好运。

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-07-082,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 在Js中什么是暂时性呢?
  • 上代码
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档