首页常见问题正文

变量提升和函数提升一样吗?

更新时间:2023-01-09 来源:黑马程序员 浏览量:

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
分享到:
在线咨询 我要报名
和我们在线交谈!