函数提升和变量提升的优先级

最新推荐文章于 2024-05-24 09:49:40 发布

原创最新推荐文章于 2024-05-24 09:49:40 发布 · 542 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#js

本文详细解析了JavaScript中函数声明与函数字面量的区别，以及变量提升的特点，并通过实例展示了函数提升相较于变量提升的优先级更高。

创建函数方法分为：1、函数声明，2、函数字面量，只有函数声明具有函数提升

//1.函数声明
console.log(fn1);
console.log(fn2);
function fn1(){}

//2.函数字面量
let fn2 = function (){}

在这里插入图片描述
相当于：

1.function fn1(){};
2.var fn2 = undefined;
console.log(fn1);//fn1()
console.log(fn2);//undefined

变量提升：

console.log(a);   //undefined
var a = "变量a";
console.log(a);   //变量a

相当于：

1.var a = undefined;
2.console.log(a) //undefined
3.a = "变量a";
console.log(a)//变量a

注意：函数提升是整体提升，而变量提升则只是将变量名提升，值没有跟着一起提升；而且函数提升相较于变量提升优先级高

如下可以得出函数提升相对于变量提升优先级高：

var friendName = 'World';
(function fn() {
    if (typeof friendName === 'undefined') {
        var friendName = 'Jack';
        console.log('Goodbye ' + friendName);
    } else {
        console.log('Hello ' + friendName);
    }
})()

执行的结果是：Goodbye Jack

执行顺序相当于：

1.var friendName = undefined；
2.(function fn() {
    if (typeof friendName === 'undefined') {
        var friendName = 'Jack';
        console.log('Goodbye ' + friendName);
    } else {
        console.log('Hello ' + friendName);
    }
})()