美文网首页前端之路
关于js变量提升

关于js变量提升

作者: 咩也都唔识 | 来源:发表于2018-05-04 10:53 被阅读0次

首先我们先来看一道题:

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的语句是否需要执行,而是直接提升变量声明。

谢谢观看。

相关文章

  • 变量声明提升

    变量声明提升是JS中一个基础的问题,同时也是对JS词法作用域认识的一个提升。在JS面试题中,关于变量声明提升的问题...

  • 关于js变量提升

    首先我们先来看一道题: var tmp = new Date(); function f() { console....

  • JS中的提升

    JS中包含两种提升,变量提升和函数提升。 变量提升 变量提升只能是var或者function声明的变量或者函数,l...

  • ES6——let 和 const 命令

    1.关于JS变量提升的一些坑 1.1变量 1)函数声明和变量声明总是会被解释器悄悄地被“提升”到方法体的最顶部2)...

  • 有关Js作用域声明提升

    js抛不开的话题就是这个变量提升了,看了YDKJS关于这个的章节,总结几点。 1.声明提升,赋值不提升,这其实表象...

  • 浏览器学习笔记-JS执行

    变量提升 变量提升原理浏览器对js是先编译后执行,在编译过程中,js中的变量声明会被提升到代码段落前面。函数声明和...

  • JavaScript 大纲

    js 语法基础 JavaScript 介绍 js 输出 注释 变量,变量声明提升,全局变量,常量 7 大数据类型 ...

  • 昨天js变量提升题面试题(答案及解释)

    昨天总结的针对js变量提升这个知识点总结了9道题,下面是给大家做出的答案和解释: 总结: 关于变量提升,一定要注意...

  • Javascript 变量执行过程 和 数组 & 对象的区别

    变量提升 JS执行过程1. 先提升(先提升函数,再提升变量,如果名字一样,变量提升会覆盖函数提升)2. 再执行,如...

  • 变量提升和函数提升

    JS不像C语言,C语言是先声明后使用,否则会报错。但JS中,有变量提升现象,可以先使用后声明。 JS存在变量提升,...

网友评论

    本文标题:关于js变量提升

    本文链接:https://www.haomeiwen.com/subject/cmfdrftx.html