自执行函数

我就是我 2022-07-14 18:20 255阅读 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 条评论，255人围观）

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

相关阅读

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

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

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

相关非匿名自执行函数

var b = 10; (function b(){ // 'use strict'

亦凉/ 2023年03月01日 05:35/ 0 赞/ 8 阅读

相关 js 自执行函数的魅力

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

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

相关 javascript 自执行函数

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

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

相关 javascript自执行匿名函数

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

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

相关自执行函数

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

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

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

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

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

相关 JS匿名自执行函数

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

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

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

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

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

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

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

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