社区首页 >专栏 >匿名函数自调用_自己调用自己的函数叫

匿名函数自调用_自己调用自己的函数叫

全栈程序员站长

发布于 2022-11-09 08:32:48

2.6K00

代码可运行

文章被收录于专栏：全栈程序员必看全栈程序员必看

运行总次数：0

代码可运行

我们知道一个HTML文件在被加载的时候是从根标签html依次往下的，在遇到link，script等标签引入的外部资源时，下载外部资源，并执行外部资源。在js中，表达式会被立即执行，也就是说，不管是引入的外部js文件还是嵌入在html文件中的js脚本，其中的表达式都会被立即执行。函数名是一个指向函数的指针。在JavaScript中，定义函数有常见的两种形式：函数声明和函数直接量（或者叫函数表达式）。 函数声明：采用function定义声明函数的标准写法，包括function，函数名，函数体。如

function sum(x,y){ 
     
    alert(x+y);  
}

函数表达式：定义一个匿名函数，并赋值给一个变量。如

var ss = function(x,y){ 
     
    alert(x+y);  
};

函数表达式有多种形式，后面会一一介绍。关于函数声明，它最重要的一个特征就是函数声明提升，意思是执行代码之前先读取函数声明。这意味着可以把函数声明放在调用它的语句之后。例

sun（1,2）;    //3
function sum(x,y){ 
     
    alert(x+y);  
}

而函数表达式在编译的时候不会被提前，如下调用函数将会报错

ss(1,2);    //报错，函数未定义
var ss = function(x,y){ 
     
    alert(x+y);  
};

介绍了函数的定义以及JavaScript的编译规则，下面正式说一下匿名函数自调用。当我们给匿名函数外面加上一层（）的时候，匿名函数就变成了函数表达式，在JavaScript编译的时候就会被立即执行。如

(function(x,y){ alert(x+y);  })(1,2); //3

除了用（）把匿名函数包起来之外，后面还需要再跟一个（），可以通过此（）给匿名函数传参。变形写法：

(function(x,y){ alert(x+y);  }(1,2)); //3（括号在里面）

匿名函数自调用的写法有很多，下面列举常见的几种写法 1、匿名函数前加 void

void function(x) { 
   
      x = x-1;
      alert(x);
}(9);    //8

2、匿名函数前加 !

!function () { x = x-1; alert(x); }(9);   //8

3、匿名函数前加 +/-运算符

-function(x,y){ 
   
    alert(x+y);
    return x+y;
}(3,4);

+function(x,y){ 
   
    alert(x+y);
    return x+y;
}(3,4);

--function(x,y){ 
   
    alert(x+y);
    return x+y;
}(3,4);

++function(x,y){ 
   
    alert(x+y);
    return x+y;
}(3,4);

运算符不起运算作用，只是为了把匿名函数变成一个表达式 4、匿名函数前加波浪符（~）

~function(x, y) { 
   
    alert(x+y);
   return x+y;
}(3, 4);

5、匿名函数执行放在中括号内

[function(){ 
   
   console.log(this) // 浏览器得控制台输出window
}(this)];

6、匿名函数前加new ，typeof ，delete等

new function(win){ 
   
   console.log(win) // window
}(this);

typeof function(){ 
   
   console.log(this) // 浏览器得控制台输出window
}(this);

delete function(){ 
   
   console.log(this) // 浏览器得控制台输出window
}(this);