自执行函数

我就是我 2022-07-14 18:20 223阅读 0赞

在JS中常常需要复用，将一些常见的操作封装起来，例如Jquery就是一个经典。立即执行函数又被称为立即执行的函数表达式，1.帮你实现代码加载完之后立即执行一些操作，如

时间处理器 2.创建对象等。

这种模式有三部分组成：

1）：使用函数表达式定义一个函数（函数声明不起作用）

2）：在结尾加上一对括号，让函数立即执行

3）：将整个函数包裹在一对括号中(只有在不讲函数赋值给一个变量时才需要)

语法：

【javascript】 view plain copy

(function () \{

alert('watch out');

\}());

或者

【javascript】 view plain copy

(function()\{

alert('watch out');

\})();

其实自执行函数的本质就是函数表达式（匿名的函数表达式或者命名的函数表达式），在创建后立即调用

1.自执行函数的参数

我们也可以给自执行函数传递参数

(function(who,when)\{

alert('i meet '+who+ ' on '+when);      //弹出 i meet jack on Thu Mar 02 2017 14:25:32 GMT+0800 (中国标准时间)

\}('jack',new Date()));

注: 通常情况下，我们传递全局变量给自执行函数，这样它在函数内部不使用winodw也能访问的到。这种方式可以让代码在环境中更加通用。

但是通常情况下我们不应该给自执行函数传递太多参数，因为它会成为一个负担 --------为了了解代码是如何工作的，你需要不停的上下滚动源代码。

2.自执行函数的返回值

像其它函数一样，自执行函数也可以有返回值，并且赋值给其他变量。

例如：

var result = (function()\{

return 2=2;

\}());

当自执行函数赋值给一个变量时，最外层的括号可以省略

var  result =function  ()\{

return 2=2;

\}();

如果没有注意到函数结束的括号，一些人可能会认为 return指向一个函数，实际上return 指向自执行函数的返回值 ，在这种情况下是4。

自执行函数除了可以返回基本类型的值，还可以返回任何类型的值，包括返回其它的函数。

发表评论取消回复

表情：

评论列表（有 0 条评论，223人围观）

还没有评论，来说两句吧...

相关阅读

相关 js：自调用（自执行）函数

(function()\{ 　　return ..... \})() 举例： ![1190185-20190925203148083-1943487946.pn

曾经终败给现在/ 2023年08月17日 17:09/ 0 赞/ 135 阅读

相关 js 自执行函数的魅力

(function a() \{ a = 100; console.log(a); \})(); 输出的是a函数体,因为a=100,是给函数的只读

怼烎@/ 2022年11月25日 04:27/ 0 赞/ 125 阅读

相关 javascript 自执行函数

一、自执行函数的4种形式 (function (_param){ console.log(_param); })(1) (function (_para

缺乏、安全感/ 2022年11月20日 05:59/ 0 赞/ 200 阅读

相关 javascript自执行匿名函数

格式：（function()\{ //代码 \})(); 解释：这是相当优雅的代码（如果你首次看见可能会一头雾

Love The Way You Lie/ 2022年10月01日 03:50/ 0 赞/ 234 阅读

相关自执行函数

在JS中常常需要复用，将一些常见的操作封装起来，例如Jquery就是一个经典。立即执行函数又被称为立即执行的函数表达式，1.帮你实现代码加载完之后立即执行一些操作，如时间处

我就是我/ 2022年07月14日 18:20/ 0 赞/ 224 阅读

相关浅析Javascript匿名函数与自执行函数

函数是JavaScript中最灵活的一种对象，这里只是讲解其匿名函数的用途。匿名函数：就是没有函数名的函数。函数的定义，大致可分为三种方式：第一种：这也是最常规的一种

墨蓝/ 2022年07月13日 10:23/ 0 赞/ 221 阅读

相关 JS匿名自执行函数

1. 什么是自执行的匿名函数? 它是指形如这样的函数: (function \{// code\})(); 2. 疑问为什么(function

叁歲伎倆/ 2022年07月13日 01:17/ 0 赞/ 184 阅读

相关深入理解函数声明和函数表达式、深入理解立即执行函数（自执行函数）

在学习函数声明和函数表达式之前如果你对作用域和作用域链掌握的不是特别的好，建议您先看完[js深入理解函数作用域和作用域链][js]，再进行接下来的学习函数声明：functi

墨蓝/ 2022年05月29日 09:56/ 0 赞/ 274 阅读

相关 js 匿名函数自执行写法

( function() {}() ); ( function() {} )(); [ function() {}() ]; ~ fu

墨蓝/ 2022年05月24日 02:30/ 0 赞/ 232 阅读

相关自执行匿名函数剖析整理

格式：（function()\{ //代码 \})(); 解释：这是相当优雅的代码（如果你首次看见可能会一头

心已赠人/ 2021年09月14日 00:18/ 0 赞/ 339 阅读