作者:Ahmad shaded
译者:前端小智
来源:sitepoint
有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。
本文 GitHub https://github.com/qq449245884/xiaozhi 已收录,有一线大厂面试完整考点、资料以及我的系列文章。
'提升'是 JS 开发都经常接触的一个术语,如果你刚接触 JS,可能会遇到一些奇怪的行为,其中一些变量是随机undefined
,会抛出ReferenceErrors
异常等等。提升通常被解释为将变量和函数放到作用域顶部,但实际上并不是这样,尽管行为看起来是这样的。
当 JS 引擎获取我们的代码时,它要做的第一件事就是为代码中的数据设置内存。 目前还没有执行任何代码,只是准备要执行的所有内容。 函数声明和变量的存储方式不同。 函数是以按保存函数的引用的方式来存储。
1.函数是以按保存函数的引用的方式来存储(Functions
are stored with a reference to the entire function
)
使用变量,则有所不同。 ES6 引入了两个新的关键字来声明变量:let
和const
。 用let
或const
关键字声明的变量保存的状态是 uninitialized
。
2.用let
或const
关键字声明的变量保存的状态是 uninitialized
使用var
关键字声明的变量存储的默认值为undefined
。
现在创建阶段已经完成,我们可以执行代码。让我们看看在声明函数或任何变量之前,如果顶部执行3
个console.log
语句会发生什么。
由于函数存储在对整个函数代码的引用中,所以我们可以在创建它们的行之前调用它们。
4.在执行阶段,我们可以在声明函数之前调用它们,因为我们在内存中引用了整个函数(During the execution phase,
we can invoke a function
before we declared them, since we a reference to the entire function in memory)
当我们在变量声明之前引用var
关键字声明的变量时,它只会返回其存储时的默认值:undefined
。然而,这有时会导致“意料之外”的行为。在大多数情况下,我们有可能会无意中重新引用了它(你可能不希望它的值为undefined
)
5. 当我们在变量声明之前引用var
关键字声明的变量时,它只会返回其存储时的默认值:undefined
为了防止意外引用undefined
的变量,就像我们可以使用var关键字一样,每当我们试图访问
未初始化(uninitialized )的变量时,都会抛出一个
ReferenceError。在它们实际声明之前的“区域”称为**临时死区**:不能在它们的初始化之前引用变量(这也包括
ES6类`)
6.每当我们试图访问未初始化(uninitialized )
的变量时,都会抛出一个ReferenceError
。在它们实际声明之前的“区域”称为临时死区**
当引擎通过我们实际声明变量的那一行时,内存中的值会被我们实际声明的值覆盖。
var
关键字声明的变量默认值为undefined
,用let
和const
关键字声明变量默认存储值为uninitialized
。希望本文对你有所帮助,感谢阅读。
原文:https://dev.to/lydiahallie/ja...
代码部署后可能存在的BUG没法实时知道,事后为了解决这些BUG,花了大量的时间进行log 调试,这边顺便给大家推荐一个好用的BUG监控工具 Fundebug。
有梦想,有干货,微信搜索 【大迁世界】 关注这个在凌晨还在刷碗的刷碗智。
本文 GitHub https://github.com/qq44924588... 已收录,有一线大厂面试完整考点、资料以及我的系列文章。
官方文档 https://developers.weixin.qq.... index.wxml view class="container"...
链接可以制作 WML 卡片来显示 WML 的锚功能,图像可以制作 WML 卡片来显示图像. ...
运维工程师这个岗位不同于后端开发岗位,到底运维工程师平时做什么? 老司机告诉...
不知道从什么时候开始,在网络上到处可以看到div+css,到底什么是div+css呢?难...
下面介绍一下div嵌套div时margin不起作用的解决方案。 顺便科普下margin的定义和...
本文学习的内容主要如下所示: 1.关闭按钮 2.Carets 3.快速设置浮动 4.内容区域...
效果图: 整体效果: 视频加载: 拍照: 第一步:创建HTML元素 首先,我们要创建...
通过 display:bolck/none 完成一个菜单栏的效果 图1: 首先下面是已经完成的一...
Dreamweaver中的代码想要插入注释,该怎么添加呢?下面我们就来看看详细的教程。...
content [Ctrl+A 全选 注: 引入外部Js需再刷新一下页面才能执行 ] 终于见识了这...