JavaScript 什么是自执行函数
自执行函数是JavaScript中的一种函数,不需要被调用即可执行,它在JavaScript文件中创建后立即执行。该函数没有名称,也被称为匿名函数。该函数在一对圆括号内初始化,并且参数可以通过圆括号传递。
语法:
(function (parameters) {
// Code block to be executed
})(parameters);
示例:
HTML
<!DOCTYPE html>
<html>
<body>
<h1 style="color: green">
GeeksforGeeks
</h1>
<b>
What is a self-executive function?
</b>
<p>
This page was generated on:
<span class="output"></span>
</p>
<script type="text/javascript">
(function () {
date = new Date().toString();
document.querySelector('.output').textContent
= date;
})();
</script>
</body>
</html>
输出:
给匿名函数命名: 我们可以使用以下语法给自执行函数指定一个名称。以后可以使用这个名称调用函数。
语法:
(function_name = function (parameters) {
// Code block to be executed
})(parameters);
示例:
Javascript
(print_name = function (name = "Geek") {
console.log("The function is executed by " + name);
})();
print_name("GFG");
输出:
The function is executed by Geek
The function is executed by GFG
为什么我们要使用自执行函数?
自执行函数的一个优点是,函数内部的变量无法在函数外部访问。这样可以防止全局空间被一个不需要的额外变量填充,占用额外的空间。我们可以在下面的示例中看到,在自执行函数内创建的变量无法在外部访问并导致错误。
示例:
Javascript
(print_name = function () {
let name = "Geek";
console.log("The function is executed by " + name);
})();
console.log(name);
输出: 这将抛出一个错误,因为 name 变量在全局空间中没有定义。