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.函数和变量相比,会被优先提升

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

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

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
THE END
分享
二维码
< <上一篇
下一篇>>