一言难尽的js变量提升
基础知识
在这个课题开始之前我们先做一些基础知识的讲解
1、在顶级的区域内声明的变量为 window级别的变量。 也就是说var a=100 等价于 window.a=100;
2、局部的重新声明变量没有意义。var a=100;var a;后面的将没有意义。
3、在有参数函数的定义中 function abc(p1){} abc(1),在函数执行中,先构建,在执行,会有两个步骤,所以说当函数执行之前构建过程中,将临时生成代码 var p1=1;将来一切不赋值的声明将变得没有意义。
var p1;//没有意义
var p1=2;//有意义。
开始进入正题
全局作用域和局部作用域
全局作用域:整个JS执行环境
局部作用域:通过创建一个函数就开辟出了一个局部作用域
全局变量和 局部变量
全局变量:在全局作用域都可以访问的变量
局部变量:只能在当前局部作用域访问的
变量声明提升:
如果变量声明在函数里面,则将变量声明提升到函数的开头
如果变量声明是一个全局变量,则将变量声明提升到全局作用域的开头
变量运行(搜索)机制:
首先看,有没有局部作用域
如果有,查找是不是这个局部作用域定义的变量
如果不是,寻找上一级作用域,直到找到全局作用域
如果全局作用域也找不到这个变量,这个变量就是未定义的 undefined
第一题:
var a=1; function test(){ console.log(a); var a=1; } test();
根据变量声明提升和变量搜索机制,函数test()应为
function test(){ var a; console.log(a);//此时由于a并咩有被赋值,所以也就是undefined a=1; }
第二题:
var b=2; function test2(){ window.b=3; console.log(b);//值为3 } test2();
任何通过附加在window上的变量都相当于声明一个全局变量,或者是给全局变量赋值
第三题:
c=5; function test3(){ window.c=3; console.log(c); var c; console.log(window.c); } test3();
根据变量声明提升和变量搜索机制:
c=5;//声明一个全局变量c function test3(){ var c;//变量声明提升,声明一个局部变量 window.c=3;//改变全局变量c的值 console.log(c);//由于此时的c是一个局部变量c,并且没有被赋值 c就是undefined console.log(window.c);//此时的c就是一个全局变量c,也就是值为3 } test3();
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】博客园社区专享云产品让利特惠,阿里云新客6.5折上折
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
· .NET Core 托管堆内存泄露/CPU异常的常见思路
· 微软正式发布.NET 10 Preview 1:开启下一代开发框架新篇章
· C# 集成 DeepSeek 模型实现 AI 私有化(本地部署与 API 调用教程)
· DeepSeek R1 简明指南:架构、训练、本地部署及硬件要求
· 没有源码,如何修改代码逻辑?
· NetPad:一个.NET开源、跨平台的C#编辑器