JavaScript之变量提升

Posted 2021-12-15 ✎﹏ℳ๓敬坤

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

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

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