JavaScript之变量提升

Posted ✎﹏ℳ๓敬坤

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JavaScript之变量提升相关的知识,希望对你有一定的参考价值。

1.什么是变量提升(Hoisting)?

javascript中执行上下文 (特别是创建和执行阶段)工作方式的一种认识,在ES6之前是找不到变量提升这个词的

“变量提升”意味着变量和函数的声明会在物理层面移动到代码的最前面,但实际上变量和函数声明在代码里的位置是不会动的,而是在编译阶段被放入内存中

2.在Javascript中有存在哪些变量提升呢?

1.函数

//正常函数声明,及调用
function dayOfWeek(isDay)

    console.log('今天',isDay)



dayOfWeek('星期六')//控制台输出今天星期六


上面是正常的函数调用,先声明函数,在调用函数

//先调用函数,在声明函数

dayOfWeek('星期六')//控制台输出今天星期六

function dayOfWeek(isDay)

    console.log('今天',isDay)

这时我们在定义这个函数之前调用它,函数仍然可以工作。这是因为在 JavaScript 中执行上下文的工作方式造成的

2.var

//变量先被使用,再被声明以及赋值

console.log(isDay)//控制台打印Returns undefined

var isDay

isDay='周六'

在Javascript中变量先被使用,再被声明和赋值的话,使用时的值会是undefined

//变量先被赋值,再被使用,最后在声明

isDay='周六'

console.log(isDay)//控制台打印周六

var isDay

此时变量先被赋值再被使用以及声明,就会正常打印变量的值了

3.函数和变量相比,会被优先提升

这意味着函数会被提升到更靠前的位置,函数提升 优于变量

目前就知道这两种可以提升,有什么不足还请指出,谢谢大家看完!

以上是关于JavaScript之变量提升的主要内容,如果未能解决你的问题,请参考以下文章

JavaScript高级之变量声明提升和函数声明提升

每周JS之变量提升和函数提升

每周JS之变量提升和函数提升

每周JS之变量提升和函数提升

js基础之变量声明提升

JavaScript系列文章:变量提升和函数提升