0.作用域，变量提升(待更新，学习笔记)-优快云博客

本文深入解析JavaScript中的作用域概念，包括函数表达式作用域、变量与函数的提升机制，以及let关键字的特性与作用域差异。通过具体代码示例，详细解释了在不同情况下变量的行为和作用范围。

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

> 首先看一道我网上看到的面试题

1  var number = 1;
2     function info(){
3         number = 2;
4         console.log(number);
5         //有函数，number不变；没函数，number变2
6         function number(){};
7     }
8     info();//输出2
9     console.log(number);//输出1

> 解决这道题面，我们先要搞清楚几个知识点
0.1.作用域

函数表达式的作用域:

如果函数表达式声明的函数有函数名,那么这个函数名就相当于这个函数的一个局部变量,只能在函数内部调用 fact()在函数内部可以调用,在函数外部调用就会报错:fact未定义

var f = function fact(x) { 
                if (x <= 1) 
                    return 1;
                else 
                    return x*fact(x-1);
                };
                alert(fact());   // Uncaught ReferenceError: fact is not defined

0.2变量函数提升的作用域在该运行的作用域顶端（js作用域分为全局作用域与函数作用域）（声明函数有些特殊在循环与判断中，详见1.4）

0.3变量提升之let（因为1.4中用到let解决循环中的函数只能拿到变量的最后一个值。我以为是循环中的函数提升导致的）

let声明的变量的作用域是块级的
let不能重复声明已经存在的变量
letyou暂死区，不会被提升

下面看例子

例子1
var arr = ["a","b","c","d"];
var funcArr = [];
//使用let代替var
for (let i = 0; i < 4; i++) {
    funcArr[i] = function(){
        return arr[i];
    }
}
funcArr[3](); //。“d” //每次循环let i 都会保留i的值 所以i变化的时候。保留的值并不会变化

例子2
var arr = ["a","b","c","d"];
var funcArr = [];
//使用let代替var
for (var i = 0; i < 4; i++) {
    funcArr[i] = function(){
        return arr[i];
    }
}
funcArr[2](); //undefined。 因为只有一个返回值就是 arr[4] //原因调用函数的时候，循环已经执行完了

调用这个函数就相当于

var arr = ["a","b","c","d"];
var funcArr = [];
//使用let代替var
for (var i = 0; i < 4; i++) {
    funcArr[i] = function(){
        return arr[i];
    }
}

循环结束 i= 4

funcArr[i] = function(){
        return arr[4];
    }

funcArr[2]();

let循环块中 每次循环let i 都会保留i的值 所以i变化的时候。保留的值并不会变化

let只在块级作用域有效，每次循环let i 都是一个新的变量

可以理解为

for( let i = 0; i < 4; i++) 这句话的圆括号之间，有一个隐藏的作用域
for( let i = 0; i< 5; i++) { 循环体 } 在每次执行循环体之前，JS 引擎会把 i 在循环体的上下文中重新声明及初始化一次。

0.4变量声明的过程

先是找到所有var声明的变量。在循环中创建例如 a
然后将这些变量的初始化值为undefined（声明函数会创建后直接赋值为函数花括号内内容）【此处初始化一个值只是一个比喻】
开始执行代码
遇到代码声明赋值的地方赋值（let不存在执行前初始化值。只有运行到才初始化值）
const只有创建和初始化，没有赋值不存在提升

转载于:https://www.cnblogs.com/-constructor/p/10625568.html