关于js变量提升

首先我们先来看一道题:

var tmp = new Date();

function f() {

console.log(tmp);

if (false) {

var tmp = 'hello world';

}

}

f();

很多没弄清楚什么是变量提升的童鞋,就会以为输出的是日期,但其实不是,正确答案是

undefined。

为什么呢?

原来,在js中,函数以及变量的声明都会被提升到函数最顶部,这就是变量提升。但是,初始化并不会随着变量声明提升而提升。

也许你还有点懵,但是接下来我将上面代码进行转换,你就应该明白了:

var tmp = new Date();

function f() {

var tmp;//声明提升

console.log(tmp);

if (false) {

tmp = 'hello world';//初始化不提升

}

}

f();

如果有人好奇为什么if(false)里面的代码还会执行,其实变量提升的时候,并不会直接执行代码,所以它并不会判断if的语句是否需要执行,而是直接提升变量声明。

谢谢观看。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 第2章 基本语法 2.1 概述 基本句法和变量 语句 JavaScript程序的执行单位为行(line),也就是一...
    悟名先生阅读 9,782评论 0 13
  • "use strict";function _classCallCheck(e,t){if(!(e instanc...
    久些阅读 6,261评论 0 2
  • let 命令 块级作用域 const 命令 顶层对象的属性 global 对象 let 命令 基本用法 ES6 新...
    嘉奇呦_nice阅读 5,555评论 0 2
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,283评论 19 139
  • 问题描述 为了提高网站的访问速度,系统会在成功访问某网站后将该网站的域名、IP地址信息缓存到本地。下次访问该域名时...
    御浅永夜阅读 6,345评论 0 1

友情链接更多精彩内容