胡扯JS系列-匿名函数的自动运行

45次阅读

共计 1682 个字符,预计需要花费 5 分钟才能阅读完成。

函数有很多种,我们就选择我们不懂的函数开始学习!
JS 中自动运行的匿名函数
在 JavaScript 中可以使用匿名函数(在我们学习 Java 的时候也有类似的概念,匿名实现类),在 JavaScript 中的函数也是一种对象,也是需要一块内存对其进行保存。如果想调用该函数,我们只是需要找到这块内存即可,然后就可以执行。关键步骤如下:

将函数对象保存到一块内存当中
找到这块内存

通常我们使用函数名来查找这块地址,不过通过函数名只是找到这块内存地址的一种工具而已。
function test01(){

console.log(“ 定义方式 ”);
}
// 函数的调用
test01();

var test02 = function () {
console.log(“ 变量方式 ”);
}
// 函数的调用
test02();
上述的示例,我们就是通过函数名找到了这块内存地址,在使用 () 进行函数的执行,也就是只要我们能找到这块内存就可以去执行!

匿名函数,顾名思义就是没有名字的函数,其实在上面写的 test02 函数表达式中,我们就创建了匿名函数,并将该函数赋值给了变量 test02,用 test02 来进行函数的调用,调用方式就是在变量 test02 后面加入小括号,这是匿名函数的调用方式之一
还有一种匿名函数的调用规则如下:

第一步:使用 function 关键字定义一个函数

第二步:使用小括号将内容括起来
关键步骤:这只是一种语法的要求,否则后面的执行语句无法被引擎正确的识别,如果这样将函数定义好,引擎就会为其分配一块内存保存

第三步:直接在后面加入小括号完成调用,可以放入参数

(function (x, y) {
console.log(x+y);
})(2, 3);
// 等价于代码
var test03 = function(x,y){
console.log(x+y);
}(2,3);

代码分析
var log=(function(){
console.log(“ 创建日志函数 ”);
return function(param){
console.log(param);
};
})();
log(“www.baidu.com”);
这段代码属于一种比较经典的代码,这里创建了一个自动运行的匿名函数,不过其返回值仍然是一个匿名函数,也就是说函数自运行后返回的结果仍然是函数。把返回值的函数赋值给变量 log,就可以使用 log 变量来调用返回的函数了。
请注意上述代码中,我们其实是包含两块内存保存函数,自动运行的函数本身有一块内存来保存,当碰到后面表示执行的小括号后会自动运行,另外还有一块内存来保存所返回的函数,而返回的值其实是这块内存地址,这样 log 变量就指向了这块保存函数的内存,因此可以使用 log 来完成对函数的执行。

一些有趣的自运行函数的定义方式
// 下面 2 个括弧 () 都会立即执行
(function () {/* code */} ()) // 推荐使用这个
(function () {/* code */})() // 但是这个也是可以用的

// 由于括弧 () 和 JS 的 &&,异或,逗号等操作符是在函数表达式和函数声明上消除歧义的
// 所以一旦解析器知道其中一个已经是表达式了,其它的也都默认为表达式了
var i = function () { return 10;} ();
true && function () { /* code */} ();
0, function () { /* code */} ();

// 如果你不在意返回值,或者不怕难以阅读
// 你甚至可以在 function 前面加一元操作符号
!function () { /* code */} ();
~function () { /* code */} ();
-function () { /* code */} ();
+function () { /* code */} ();

// 还有一个情况,使用 new 关键字, 也可以用,但我不确定它的效率
// http://twitter.com/kuvos/status/18209252090847232
new function () { /* code */}
new function () { /* code */} () // 如果需要传递参数,只需要加上括弧()

void function(){ /* code */}();

正文完
 0