概述

自执行函数又被称为立即调用函数，顾名思义，就是可以函数声明后可以立即被执行，我们在读常用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);
})();

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

javascript自执行函数相关推荐

JavaScript立即执行函数报错--立即执行函数原理分析
JavaScript立即执行函数报错 1.'()'在JavaScript环境中有提升运算符优先级和执行函数的作用如果直接在JavaScript环境中执行'()',环境会报出语法错误提示. 2.'()' ...
JavaScript自执行函数,自执行函数是什么,存在的意义?
JavaScript自执行函数 1.自执行函数是什么 2.自执行函数存在的意义 2.1封装 3.自执行函数两种常见的的写法 3.1自执行函数的第一种写法 3.2自执行函数的第二种写法 4.自执行函数的 ...
JavaScript 自执行函数剖析
回想一下,我们平时写的一些具名函数(也就是区别于匿名函数的函数),如下面一个例子: 1 function sayHello(){ 2 console.log("hello,我是林丽君&quo ...
Javascript 立即执行函数
http://weizhifeng.net/immediately-invoked-function-expression.html var f1 = function() {var res = [] ...
Javascript 自执行函数
前言大家学JavaScript的时候,经常遇到自执行匿名函数的代码,今天我们主要就来想想说一下自执行. 在详细了解这个之前,我们来谈了解一下"自执行"这个叫法,本文对这个功能的叫 ...
JavaScript 立即执行函数的两种写法
(function(str){console.log(str+'欢迎你~');})('行步至春深');(function(str) {console.log(str+'欢迎你~');}('行路易知难' ...
JavaScript 自执行函数和 jQuery扩展方法
我们通常将JS代码写在一个单独的JS文件中,然后在页面中引入该文件.但是,有时候引入后会碰到变量名或函数名与其它JS代码冲突的问题.那么如何解决这个问题呢?作用域隔离.在JS中,作用域是通过函数来划分 ...
JavaScript立即执行函数学习
1.新建对象,方法内变量作用域理解错误 var md1 = {count: 0,add: function () {count++;},sub: function () {count--;},show ...
JavaScript 自执行函数（闭包）
1. 全局污染在变量声明的时候有一个规则:重复声明无效 var num = 123; var num = 'abc'; 重复声明的代码不会报任何错误,但是其声明特征就没有了,会转换成普通赋值语句故 ...

javascript自执行函数

概述

写法

作用

javascript自执行函数相关推荐

最新文章

热门文章