关于javascript的声明提前导致的作用域污染

最新推荐文章于 2025-01-25 21:26:53 发布

原创最新推荐文章于 2025-01-25 21:26:53 发布 · 554 阅读

1 ·

CC 4.0 BY-SA版权

本文探讨了JavaScript中两种常见的函数定义方式，并分析了这两种方式对作用域的影响。第一种方式使用变量赋值函数表达式，第二种则是直接声明函数。通过实例展示了不同定义方式可能导致的作用域污染问题。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在javascript中，我们通常可以使用如下两种方式定义函数：

方式一：

var fun = function(){

//code

};

方式二:

fun(){

//code

}

由于javascript的"声明提前(hoiosting)"，加载js代码后，方式二中fun被"提前"，此时fun已经是一个Function；但是方式一种的fun在刚加载js时却是undefined，function()代码块中的具体内容需要等到调用的时候才会初始化。这就导致使用方式二会导致js作用域污染。所以the Google style guide 推荐使用方式一。

具体实例如下：

a(); // 2 js作用域被污染
function a() {
alert('1');
}
a(); // 2 js作用域被污染
function a() {
alert('2');
}
a(); // 2
var a = function() {
alert('3');
};
a(); //3