教育行业A股IPO第一股(股票代码 003032)

全国咨询/投诉热线:400-618-4000

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

更新时间: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


猜你喜欢

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

如何阻止浏览器默认行为和阻止事件传播?

JS全局变量和局部变量的区别

传智教育HTML&JS+前端课程

0 分享到:
和我们在线交谈!