js面试必备:变量

本文详细介绍了JavaScript中的作用域,包括全局作用域和函数作用域,并重点讲解了ES6引入的块级作用域。var变量会受到变量提升的影响,而let和const则没有这个问题。let不允许在相同作用域内重复声明,const声明的常量只允许其值不可变,但引用的对象或数组内的内容可以修改。此外,文章还探讨了变量提升现象及其在代码中的实际应用。

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

作用域: JS中作用域有:全局作用域、函数作用域。没有块作用域的概念。ECMAScript 6中新增了块级作用域,
var: ECMAScript 5中声明变量的,由于没有块级作用域导致for和if等语句声明变量之后在作用域外还能访问

for(var i=0;i<=10;i++){ 
		var sum=0; 
		sum+=i; 
} 
console.log(sum);//10

let: 只在let命令所在的代码块内有效。

{
  let a = 10;
  var b = 1;
}

a // ReferenceError: a is not defined.
b // 1

const: const声明一个只读的常量。一旦声明,常量的值就不能改变。
const实际上保证的,并不是变量的值不得改动,而是变量指向的那个内存地址所保存的数据不得改动。对于简单类型的数据(数值、字符串、布尔值),值就保存在变量指向的那个内存地址,因此等同于常量。但对于复合类型的数据(主要是对象和数组),变量指向的内存地址 。const只能保证这个指针是固定的(即总是指向另一个固定的地址)

const foo = {};

// 为 foo 添加一个属性,可以成功
foo.prop = 123;
foo.prop // 123

// 将 foo 指向另一个对象,就会报错
foo = {}; // TypeError: "foo" is read-only

变量提升

前置知识:通常JS引擎会在正式执行之前先进行一次预编译,在这个过程中,首先将变量声明(不包括定义)及函数声明提升至当前作用域的顶端,然后进行接下来的处理。
在这里插入图片描述

a = 1;
var a;
console.log(a); //1

在这个代码中有一点js基础的同学会认为,打印出来的是undefind,结果并不是这样,这是因为在预编译阶段a通过变量提升,被提升到前面

实际是这样的:
var a;
a=1;
console.log(a); //1

再看看这一道题:

console.log(v1);//undefined
var v1 = 100;
function foo() {
    console.log(v1);//undefined
    var v1 = 200;
    console.log(v1);//200
}
foo();
console.log(v1);//100

看这一道笔试题:

var name="world";
(function(){
if(typeof name==='undefined'){
	var name='Jack';
	console.log("Goodbye" + name);
}else{
	console.log("hello" +name)
}
})()
//输出结果:Goodlejack

为什么不是helloworld?
其实你看看name就知道name发生了变量提升,而且var是可以重复声明,相当于

var name="world";
(function(){
	var name;
if(typeof name==='undefined'){
	name="Jack";
	console.log("Goodbye" + name);
}else{
	console.log("hello" +name)
}
})()
//此时name确实是undefined,所以输出的是Goodbyejack

为什么第一个v1是undefined?
这是由于定义变量分为两个阶段:变量声明和变量定义(即: var v1 和v1=100)
变量声明是在预编译阶段执行的,所以v1已经存在,但没有赋值,所以就是undefiind。
在函数内部也由于作用域的原因所以第二个v1也是undefined。

声明方式块级作用域变量提升重复声明
var没有可以
let没有不可以
const没有不可以
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值