JavaScript 什么是自执行函数

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>

输出:

JavaScript 什么是自执行函数

给匿名函数命名: 我们可以使用以下语法给自执行函数指定一个名称。以后可以使用这个名称调用函数。

语法:

(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 变量在全局空间中没有定义。

JavaScript 什么是自执行函数

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程