var、let、const的解析使用

小也同学

已于 2023-03-06 00:01:31 修改

阅读量276

点赞数

分类专栏：前端技术文章标签：前端 javascript vue.js

于 2023-03-05 23:21:55 首次发布

本文链接：https://blog.youkuaiyun.com/qq_37734787/article/details/129352791

版权

前端技术专栏收录该内容

47 篇文章

订阅专栏

文章通过两个面试题探讨了JavaScript中的变量提升和作用域规则。第一个例子展示了var声明的变量在函数作用域内的提升，而let和const则不具有此类提升。第二个例子解释了var如何在函数作用域内创建变量，以及与全局变量和未定义变量的区别。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

var 有变量提升，全局变量
let 、const 没有变量提升，局部变量

面试题1
```
var a =10 
function  test(){
    // 注释1  var a = undefined
	a = 100;
	console.log(a); // 100
	console.log(this.a) // 10    函数无调用者  this === window
	var a = 1; // 会变量提升到 注释1的位置，但let a不行，而且执行到此位置时候，才会给a赋值1
	console.log(a);  // 1
}


```
面试题2
```
(function (){
	var a=b=3;    // 拆开为  先执行b=3; var a=b
})()
	console.log(b); // 3
	console.log(window.b); // 3
	console.log(a) // a is not defined
```