JavaScript函数的自我执行

最新推荐文章于 2024-01-18 14:58:21 发布

原创最新推荐文章于 2024-01-18 14:58:21 发布 · 400 阅读

0 ·

CC 4.0 BY-SA版权

Javascript 专栏收录该内容

10 篇文章

订阅专栏

本文详细介绍了JavaScript中函数的立即执行方法，包括两种常见写法及其应用实例。立即执行函数可以使用匿名或命名函数，通过不同的运算符实现，其主要特点是创建独立作用域，避免命名冲突。

JavaScript函数的立即自我执行

函数的立即执行就是在函数声明之后立即执行，一般有两种常见写法：
** (function() {…})() **将一个函数包裹在一个小括号运算符中，后面再跟一个小括号用于调用。
**(function(){…}())**将一个匿名函数后面跟一个小括号，然后整个包裹在一个小括号运算符中。
例如：

 //第一种方法
        (function (a, b) {
            document.write(a + b);
        })(10, 10);       //输出20

        //第二种方法
        (function (x) {
            document.write(x)
        }('hello world'));   //输出hello world

立即执行函数不仅可以使用匿名函数，也可以使用命名函数；除了使用 () 运算符实现之外，!，+，-，~ 这些运算符都可以起到立即执行的作用；这些运算符的作用就是将匿名函数或函数声明转换为函数表达式。

   !function dome() {
            console.log("hello");    //输出hello
        }();
        ~function dome2(){
            console.log('hi');    //输出hi
        }();

函数的立即执行方法最大的特点就是创建了独立的作用域，避免了命名冲突。