JavaScript经典题目之变量声明提升、全局作用域、函数作用域

本文探讨JavaScript中的变量声明提升、全局作用域和函数作用域,通过实例解析var声明的变量如何提升以及let和const声明的区别,包括在控制台输出undefined的情况以及遇到的暂时死区(TDZ)问题。
摘要由CSDN通过智能技术生成

作为一名前端开发,JavaScript简直重要的不行,保持学习的状态。记录一些我觉得需要被记录的东西。

1、下面的代码在控制台会输出什么?

var a = 10;
function test() {
     console.log(a);//???
     var a = 20;
 }
 test();

答案是会打印出:undefined

解析:
使用var声明的变量在JavaScript中是会被变量声明提升的,变量声明会被提升到当前作用域的最前端,并在内存中开辟空间,如果没有真正初始化则会被初始化为undefined
此题中,函数外声明并初始化了一个a为10,此a是全局变量。同时函数内也声明和初始化了a为20,此a为函数作用域内的局部变量,所以函数内的console访问的是局部变量而不是全局变量,由于var变量声明提升到函数顶部,但是变量真正初始化位置不变,所以console时访问的局部变量a已经声明却未真正初始化,则打印出undefined。
在这里插入图片描述
2、如果我们使用 let 或 const 代替 var,输出是否相同?

 var a = 10;
 function test() {
      console.log(a);
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值