首页
学习
活动
专区
圈层
工具
发布
社区首页 >专栏 >【前端小tip】如何理解var的变量提升和重复声明?

【前端小tip】如何理解var的变量提升和重复声明?

作者头像
且陶陶
发布2023-04-12 15:57:15
发布2023-04-12 15:57:15
1.2K0
举报
文章被收录于专栏:Triciaの小世界Triciaの小世界

概念:

var变量提升: 在任何作用域中使用var声明的变量,都会被提升到其作用域最顶部。但是其赋值操作还是在原先的位置。 var的重复声明: var允许重复声明,后声明的变量相当于是对前一次声明的重新赋值。

例子:

代码语言:javascript
复制
console.log(a)
var a = 99
console.log(a)

其实就相当于:

代码语言:javascript
复制
var a
console.log(a)
a = 99
console.log(a)

a提前声明了,但是没有赋值,引用就会出现这个问题

关于重复声明,以下例子会更好理解:

代码语言:javascript
复制
var t = 1

// 全局作用域
console.log('全局作用域:', t)

// 函数作用域
// 在函数作用域下,声明的t虽然与全局变量t同名,但是还是两个不同的变量。
// 注意:这里不是闭包,只是一个函数内部的变量
function fn() {
  console.log('函数作用域:', t)
  var t = 2
  console.log(t)
}
fn()

console.log('最后:', t)

如果函数作用域内部改为如下, 则是闭包:

代码语言:javascript
复制
function fn() {
  console.log('函数作用域:', t)
  t = 2
  console.log(t)
}
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2023-02-15,如有侵权请联系 cloudcommunity@tencent.com 删除

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

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

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

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
目录
  • 概念:
  • 例子:
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档