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.函数和变量相比,会被优先提升
这意味着函数会被提升到更靠前的位置,函数提升 优于变量
目前就知道这两种可以提升,有什么不足还请指出,谢谢大家看完!