首页技术文章正文

什么是变量提升和函数提升？真题演示

更新时间:2021年11月03日10时39分来源:传智教育浏览次数:

好口碑IT培训

变量提升

简单说就是在JavaScript代码执行前引擎会先进行预编译，预编译期间会将变量声明与函数声明提升至其对应作用域的最顶端，函数内声明的变量只会提升至该函数作用域最顶层，当函数内部定义的一个变量与外部相同时，那么函数体内的这个变量就会被上升到最顶端。

举例来说：

console.log(a); //undefined
var a = 3;

//预编译后的代码结构可以看做如下运行顺序
var a; // 将变量a的声明提升至最顶端，赋值逻辑不提升。
console.log(a); // undefined
a = 3; // 代码执行到原位置即执行原赋值逻辑

·函数提升只会提升函数声明式写法

·函数表达式的写法不存在函数提升

·函数提升的优先级大于变量提升的优先级，即函数提升在变量提升之上

下面我们来看一道题。

以下代码执行后，控制台的输出是：

var a = 10;
function a(){}
console.log(typeof a)

A、“number”

B、“object”

C、“function”

D、“undefined”

正确答案：A

解题思路：

函数提升大于变量提升，变量提升会提升到除函数声明的后面;变量提升，但是赋值不提升、函数表达式亦是如此，所以应该是下面的步骤

function a(){}
var a;
a=10; //如果没有这一步赋值操作的话，类型还是function
console.log(typeof a); //a=10 number

猜你喜欢

什么是事件冒泡？如何阻止事件冒泡？