微信公众号 讲师中心
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机/移动开发 手机游戏
搜索
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程
自媒体 新闻
首页 > web前端 > js教程 > 正文

js变量提升和函数声明预解析实例详解

零下一度
发布： 2017-06-29 09:17:49
原创
1658人浏览过

1.首先理解函数作用域

在javascript中，变量的定义并不是以代码块作为作用域的，而是以函数作用作用域的。也就是说，如果变量是在某个函数中定义的，那么它在函数以外的地方是不可见的。而如果该变量是定义在if 或者for这样的代码块中，它在代码块之外是可见的。另外，在javascript中，术语“全局变量”指的是定义在所有函数之外的变量，与之相对的是“局部变量”，所指的是在某个函数中的变量。其中，函数内的代码可以像访问自己的局部变量那样访问全局变量，反之则不行。

2.变量提升

在JavaScript代码运行之前其实是有一个编译阶段的。编译之后才是从上到下，一行一行解释执行。变量提升就发生在编译阶段，它把变量和函数的声明提升至作用域的顶端。（编译阶段的工作之一就是将变量与其作用域进行关联）。
所以对于代码var a =2;来说，编译器看到的是两行代码var a; a = 2;第一个语句是声明语句，在编译阶段处理。第二个语句是赋值语句，在运行阶段处理。

1.提升的部分只是变量声明，赋值语句和可执行的代码逻辑还保持在原地不动
2.提升只是将变量声明提升到变量所在的变量范围的顶端，并不是提升到全局范围
3.变量声明和函数声明都会得到变量提升，但函数声明会最先得到提升，然后是变量声明。
4.对于函数声明来说，如果定义了相同的函数变量声明，后定义的声明会覆盖掉先前的声明

商汤商量
商汤商量

商汤科技研发的AI对话工具，商量商量，都能解决。

商汤商量 36
查看详情 商汤商量

以上就是js变量提升和函数声明预解析实例详解的详细内容，更多请关注php中文网其它相关文章！

大家都在看：

最佳 Windows 性能的顶级免费优化软件
最佳 Windows 性能的顶级免费优化软件

每个人都需要一台速度更快、更稳定的 PC。随着时间的推移，垃圾文件、旧注册表数据和不必要的后台进程会占用资源并降低性能。幸运的是，许多工具可以让 Windows 保持平稳运行。

下载
来源：php中文网
收藏 点赞
上一篇：分享DOM的一个实例代码 下一篇：jQuery.resize() 函数详解
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
作者最新文章
最新问题
全栈JS怎么实现文件下载_文件下载功能前端调用与Node后端实现教程 前端通过fetch获取文件流并创建BlobURL，利用隐藏a标签触发下载；2.后端使用Node.js的Express框架，通过res.download发送本地文件或res.send发送动态生成内容，并设置Content-Disposition响应头以触发浏览器下载；3.对于大文件，采用fs.createReadStream进行流式传输，避免内存溢出；4.跨域时需配置CORS并暴露Content-Disposition头部；5.生产环境应增加权限校验确保安全。
2025-11-16 19:27:37
429
怎样通过js脚本修改网页内容_js动态修改网页元素内容的方法 使用textContent修改文本，innerHTML插入HTML，value更新表单值，setAttribute和style修改属性与样式，注意安全与事件触发。
2025-11-16 19:11:53
980
JS正则表达式实战_表单验证技巧合集 邮箱验证使用基础正则/^[a-zA-Z0-9.\_-]+@[a-zA-Z0-9.-]+\.[a-zA-Z]{2,}$/覆盖常见格式；2.手机号用/^1\[3-9\]\\d{9}$/匹配大陆主流号段；3.密码需至少8位并包含大小写、数字、特殊字符中三项，通过分步正则检测；4.身份证采用简化正则/^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}(\d|X)$/校验18位结构；5.中文姓名用/^\[\\u4e00-\\u9fa
2025-11-16 19:10:03
955
使用 JavaScript 根据多个属性对数组对象进行分组 本文介绍如何使用JavaScript中的reduce方法，根据对象数组中多个属性的值对数组进行分组。通过修改现有的groupByObjectKey函数，使其能够接受一个属性键数组，并生成一个复合键来实现更细粒度的分组。
2025-11-16 19:09:06
871
如何在JavaScript中根据多个属性对数组对象进行分组 本文将深入探讨如何在JavaScript中对包含对象的数组进行分组，特别是当需要根据多个属性（而非单个属性）进行分组时。我们将从单属性分组的基础方法入手，逐步展示如何优化groupBy函数，使其能够接受一个属性键数组，并通过构建复合键来实现多属性分组。文章将提供详细的代码示例和注意事项，帮助开发者高效地管理和组织数据。
2025-11-16 18:59:02
941
如何为密码保护的网页设置多个密码（HTML/JS） 本文介绍如何使用JavaScript为密码保护的网页设置多个有效密码。通过将密码存储在数组中，并使用includes()方法验证用户输入，可以实现允许多个密码访问网页的功能。同时，强调了在客户端存储密码的安全性问题，并建议仅在非公开项目中使用此方法。
2025-11-16 18:36:07
198
使用JavaScript为网页添加多重密码验证机制 本教程旨在指导如何在客户端HTML/JS网页中实现多密码验证机制。通过将预设密码存储在JavaScript数组中，并利用Array.prototype.includes()方法高效地校验用户输入，实现灵活的访问控制。文章将提供详细代码示例，并强调在前端存储敏感数据的安全考量，确保读者能够构建一个功能完善且具备一定安全意识的密码保护方案。
2025-11-16 18:20:01
913
构建一个功能完善的JavaScript音乐播放器教程 本教程将指导您如何从零开始，使用HTML、CSS和JavaScript构建一个功能丰富的网页音乐播放器。文章详细介绍了播放器的HTML结构搭建、核心JavaScript逻辑实现，包括歌曲加载、播放/暂停控制、切换歌曲、进度条显示、音量调节以及动态UI更新。通过本教程，您将掌握构建交互式音频应用的关键技术，并解决开发过程中可能遇到的常见问题，如DOM操作错误。
2025-11-16 18:12:02
621
Discord.js v14 交互式分页组件实现与问题解决 本文旨在解决Discord.jsv14中使用交互式按钮实现分页功能时，遇到的"Botisthinking..."消息持续显示以及交互失败的问题。通过分析问题原因，提供了一种无需发送和删除空消息的解决方案，并分享了优化交互体验的技巧。
2025-11-16 18:06:05
154
JS判断设备类型与浏览器信息的方法_javascript技巧 答案：通过解析navigator.userAgent并结合现代API可准确判断设备类型和浏览器。首先利用UserAgent中的关键词识别移动设备、区分iOS与Android，并结合屏幕尺寸判断平板；再通过特征字符串匹配识别Chrome、Safari、Firefox、Edge及IE浏览器；进一步使用window.innerWidth、touch事件支持和matchMedia等API提升判断精度，建议多方法结合以应对UserAgent伪造问题，并定期更新规则适配新设备。
2025-11-16 17:59:02
269
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部