javascript中的即时函数,内部函数,返回函数的函数,能重写自身的函数等几种常见的函数类型及使用方法。只需要大致了解匿名函数的概念,应该就能看懂这些内容
首先,我们介绍第一个较为简单常用的即时函数
我们看到下面这一串代码
(function () {
alert('boo');
}
) ();
粗看一下,这段代码似乎很奇怪,其实仔细分析不难发现这就是定义了一个匿名函数,并且立即就调用执行了这个匿名函数。第一对括号中的是匿名函数的定义,随后紧跟的一对括号是对匿名函数的调用。
下面这个例子在调用的时候,传入了参数,更好的说明了即时函数的用法。
(function (name) {
alert('hello ' + name + '!')
}) ('liu chi')
即时函数的使用形式一般有两种:
第一种就是刚刚介绍的(定义function)()后面的()就是调用的。
第二种就是(function (调用))
两种方法都是一样的,看自己的习惯选取适合自己的使用即时函数的方法。
使用即时函数有什么好处呢?
显然我们可以看到使用即时函数调用完之后,所有的东西都没了销毁了,全是一次性的,不会产生任何的全局变量占用空间等等。
但也有一个缺点就是即时函数是无法重复执行的,这好像就失去了函数重复调用的意义。
所以,一般来说即时函数通常用来执行一次性的操作或者异类初始化的任务。
从上一篇文章中,我们显然知道,在javascript中,函数与其他类型的值在本质上是一样的,函数本身也是一种值。所以,我们自然就可以在一个函数内部定义另外一个函数,这样的函数就叫做内部函数。
看下面这段代码:
function outer(param) {
function inner(theinput) {
return theinput * 2;
}
return 'the result is ' + inner(param);
}
我们再outer函数内部定义了一个内部函数inner,并在里面调用inner函数。
outer(2);
inner(3);
上面这段代码的执行结果:
"the result is 4"
ReferenceError: inner is not defined
...on inner(theinput) { return theinput * 2; } return 'the result is ' + in...
我们知道内部函数只能在定义它的函数内部调用它,不能再外部调用它。所以有时候也叫它私有函数。
使用私有函数有什么好处呢?
正如之前所提到的那样,函数始终有一个返回值,即便不是显示的返回值么,它也会隐式的返回一个undefined,所以既然函数能返回一个唯一值,那么自然函数也能够返回一个函数。函数跟其他类型的值在本质上是一样的。所以就出现了返回函数的函数。
看下面这段代码
function a() {
alert('a!');
return function () {
alert('b!')
}
}
上面这段代码,在函数a中的返回了一个匿名函数。
我们调用这个函数
a();
a()();
直接调用a会返回a中返回的函数
a()();的意思是调用a,在调用a的返回的函数。所以最后会弹出a和b。
我们可以在一个函数的内部重定义该函数。有两种方法,一是将函数的返回值赋予函数本身,同样是前面那个例子
a = a();
只要执行上面一句代码,显然a酒杯重新定义为他自己的返回函数了。
还有一种方法就是直接在函数内部重写自己
function a() {
alert('a!');
a = function() {
alert('b!');
}
}
上面的代码,当我们第一次调用该函数是会有如下的情况发生。
下面我们根据一个综合的例子,将上面的几种函数综合到一起
var a = (function () {
function somesetup() {
var setup = 'done';
}
function actualwork() {
alert('worky-worky');
}
somesetup();
return actualwork;
}());
作者:六尺帐篷
链接:https://www.jianshu.com/p/9036dfcd3f2b
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。