资讯专栏INFORMATION COLUMN

javascript的变量声明

zhongmeizhi / 1032人阅读

摘要:变量提升是在预编译的过程中发生的,赋值为被声明的变量还是在原来的地方,真正被赋值块级声明块级声明用于声明在指定块的作用域之外无法访问的变量。只有执行变量声明语句后,变量才会从中移出,然后才可以正常访问。

在代码中,声明变量是基础,但是在javascript中,经历了从var到let,const的变化,到底有什么本质上的区别呢?

本文的原文在我的博客中:https://github.com/RachelRen/blog/issues/25

欢迎star

var 声明的提升

var 不管在哪里声明的,都会被当成在当前作用域顶部声明的。

变量提升是在预编译的过程中发生的,赋值为undefined

被声明的变量还是在原来的地方,真正被赋值

块级声明

块级声明用于声明在指定块的作用域之外无法访问的变量。

在同一作用域内,相同的标识符只能有一个

当执行流离开这个块级,那么这些变量会被销毁

块级作用域中的变量会屏蔽全局作用域中的相同标识符的变量(即取的是块级作用域中的值)

const 不能再赋值,但是可以修改对象的属性值

不会变量提升

临时死区

let 和 const 是不会变量提升的,所以在声明变量之前,是用typeof是会报错的。

临时死区(TDZ)用来描述let/const不提升的效果

Javascript引擎在扫描代码发现变量声明时,要么将他们提升到作用域顶部(var声明),要么将声明放到TDZ(临时死区)中,访问TDZ中的变量会触发运行时错误。只有执行变量声明语句后,变量才会从TDZ中移出,然后才可以正常访问

let 声明在循环内部的行为是标准中专门定义的,它不一定与let的不提升特性相关。

在循坏中的应用

在for-in 和 for-of 循环中,let和const会每次迭代时创建新绑定,所以在循环体内,每次都访问到响应的迭代值。但在for-lenght中,const会报错。

在全局作用域中的区别

var在全局作用域中,会创建一个新的全局变量作为全局对象。
let/const会在全局作用域下创建一个新的绑定,但是这个绑定不会添加为全局对象的属性(let/const不能覆盖全局,只能屏蔽它)

用var来定义全局变量,可以用在浏览器的跨frame或跨window访问代码。

最佳实践

默认使用const,只在确定需要改变值的时候用let。为了实现代码的不可变,防止某些错误的产生。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/109461.html

相关文章

  • 理解 Javascript变量作用域

    摘要:在中,没有块级作用域一说在或者等语言中,等语句块内可以包含自己的局部变量,这些变量的作用域是这些语句的语句块,而在中,不存在块级作用域的说法。作用域链如果要深入理解中变量的作用域,那就必须拿出作用域链这个终极武器。 Javascript 这门语言与其他的大部分语言相比,有很多特殊性,这是很多人喜欢它或者讨厌它的原因。其中变量的作用域问题,对很多初学者来说就是一个又一个「坑」。 变量的...

    Rocture 评论0 收藏0
  • JavaScript 变量声明提升

    摘要:输出的结果为输出的结果为提升后输出的结果为重新定义了变量输出的结果为如果定义了相同的函数变量声明,后定义的声明会覆盖掉先前的声明,看如下代码输出练习的值是多少的值是多少第二题的解析请看这里参考资料文章文章中文版链接文章推荐文章变量提升 JavaScript 变量声明提升 原文链接 一个小例子 先来看个例子: console.log(a); // undefined var a =...

    fireflow 评论0 收藏0
  • 【译】理解JavaScript:作用域

    摘要:作用域是代码的不同部分在运行期间的可见性。大多数开发者想当然地理解作用域,但毫无疑问,有它自己的说明。变量可能是全局作用域的,或者是方法作用域的。总而言之,不要重复声明变量,使用良好命名,尽力避免在声明前调用和执行任何东西。 原文链接:https://hackernoon.com/unders... 什么是作用域? 就像JavaScript中的其他东西一样,作用域并无特别之处。尽管大多...

    betacat 评论0 收藏0
  • JavaScript预编译过程分析

    摘要:一概念是一个单线程解释型的编程语言。预编译大致可分为步创建对象找形参和变量声明,将形参和变量名作为属性名,值为将实参值和形参统一在函数体里面找函数声明,值赋予函数体。 一、JavaScript概念 JavaScript ( JS ) 是一个单线程、解释型的编程语言。 二、JavaScript语言特点 2.1 单线程 JavaScript语言的一大特点就是单线程,也就是说,同一个时间只能...

    graf 评论0 收藏0
  • JavaScript-预编译

    摘要:预编译发生在函数执行前也就是说函数执行时,预编译已经结束。五总结理解预编译需要明白变量函数声明和变量赋值。预编译阶段,只进行变量函数声明,不会进行变量的初始化即变量赋值,所有变量的值都是变量赋值是在解释执行阶段才进行的。 一、JS的概念 JavaScript ( JS ) 是一种具有函数优先的轻量级解释型或即时编译型的编程语言。 二、JS语言特点 2.1 单线程 (1)JavaScri...

    Aldous 评论0 收藏0
  • 关于javascript作用域和作用域链

    摘要:作用域的类别可以影响到变量的取值,分为词法作用域静态作用域和动态作用域。而,采用的就是词法作用域,或者叫静态作用域。 关于javascript中的作用域和作用域链 我GitHub上的菜鸟仓库地址: 点击跳转查看其他相关文章 文章在我的博客上的地址: 点击跳转         前面的文章说到, 执行上下文的创建阶段,主要有三个内容:         1、创建变量对象;2、初始化作用域...

    lcodecorex 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<