javascript自执行函数

概述

自执行函数又被称为立即调用函数,顾名思义,就是可以函数声明后可以立即被执行,我们在读常用js库(如jquery)源码时,经常会发现自执行函数的身影,下面说下我的理解。

写法

自执行函数有两种写法:
第一种写法比较常见:

(function (){
    console.log("方法1");
})();

第二种写法是jslint推荐的写法,看上去比较有整体性:

(function (){
    console.log("方法2");
}());

上述两段代码执行时都会立即输出结果。

作用

自执行函数出现有两个作用:

  • 页面加载时需要做一些设置工作,如初始化操作,这些工作没必要重复执行,因此不需要一个有名字的复用函数
  • 做这些工作有时需要用到一些变量,这些变量不能污染全局作用域

如下例:我们想实现一个功能,当用户进入页面时,给予用户友好提示,首先,我们想到声明一个方法。

function showMessage(){
    var message = "Welcome";
    alert(message);
}

后来,我们发现这个方法只需要执行一次,于是我们去掉方法,直接在js中写:

var message = "Welcome";
alert(message);

此时我们发现在以后的代码中如果想要声明另一个message,就不得不考虑前边已经有一个message的问题,因此我们可以写成自执行函数,代码如下:

(function (){
    var message = "Welcome";
    alert(message);
})();

这就起到了只执行一次并且隔离作用域的作用。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值