您现在的位置是:首页 > Javascript
当前栏目
帮你精通JS:变量的声明,举起与初始化的问题
2023-03-09 22:11:26 时间
一、首先 JS 的举起 Hoisting
观察一下变量自举的代码:
- today = "Friday";
- console.log(today);
- // Friday
- var today = "Monday!";
虽然declare的步骤在最后,但是today已经顺利打印出来,这是因为declare被hoist到顶部。
- var today; // hoisted declaration
- today = "Friday"; // the original line 1
- console.log(today); // Hello!
- today = "Monday"; // `var` is gone!
JSEngine事先将var举到顶部执行,并初始化值undefined.
接着查看function自举:
- today();
- // Friday!
- function today() {
- console.log("Friday");
- }
同样的原理在complie的步骤中,事先将所有的function都解析成AST,因此也就都hoist到了顶部。
继续考察function与variable二者的组合。
- today = "Friday";
- printToday();
- // Today is Friday.
- function printToday() {
- console.log(`Today is ${ today }!`);
- }
- var today;
实际的执行是先将function举起,再将var举起。
- function printToday() {
- console.log(`Today is ${ today }!`);
- }
- var today;
- today = "Friday";
- printToday();
- // Today is Friday.
二、重复declare的问题
考察下面的代码:
- let keepMoving = true;
- while (keepMoving) {
- let value = Math.random();
- if (value > 0.5) {
- keepMoving = false;
- }
- }
乍一看,似乎每次循环都会执行`let value = Math.random();`,但实际上只执行一次,执行一次后,declare 的部分将会从代码中移除。
三、变量初始化的问题TDZ问题
除了var之外,let也将举起,只是不会被初始化:
- var studentName = "Timy";
- {
- console.log(studentName);
- // ???
- let studentName = "Smith";
- console.log(studentName);
- // Smith
- }
第一个console不会输出 "Timy"而是会报错,说明let也被举起,只是没有被初始化。
解决此问题的方法就是将所有的let,const等全部都写到顶部。
相关文章
- 微搭低代码从入门到精通10-tab栏组件
- 微搭低代码从入门到精通12-网格布局
- Layui 组件化
- JavaScript 回调函数
- JavaScript 连接消息(RabbitMQ)
- Springboot整合log4j2(按级别拆分)
- jQuery选择器(满足你的所有业务)
- ElasticSearch全文搜索引擎 -Spring Boot操作ES(SpringData概述、Spring Data Elasticsearch、基本操作、ElasticSearch操作文档)
- jQuery结合lhgdialog弹出窗口,关闭时出现没有权限错误
- [转]浅谈CSRF攻击方式
- 敏捷史话(八):敏捷的破局之道——Martin Fowler
- Nebula Graph介绍和SpringBoot环境连接和查询
- Javascript中的var变量声明作用域问题
- VUE2的前端学习笔记
- QT5.x开发环境配置
- Android(4.0.3+): Service, AsyncTask, 定时任务和UI通信
- 使用nmap查看web服务支持的http methods
- 用Javascript判断访问来源操作系统, 设备, 浏览器类型
- Nginx 启用 https
- Firefox访问https出现 ssl_error_weak_server_ephemeral_dh_key错误