JavaScript匿名函数之模仿块级作用域

匿名函数

函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途。

匿名函数:就是没有函数名的函数

函数的定义,首先简单介绍一下函数的定义,大致可分为三种方式

rush:js;"> function double(x){ return 2 * x; }

方法使用了Function构造函数,把参数列表和函数体都作为字符串,很不方便,不建议使用。

rush:js;"> var double = new Function('x','return 2 * x;');

第三种:

rush:js;"> var double = function(x) { return 2* x; }

注意“=”右边的函数就是一个匿名函数,创造完毕函数后,又将该函数赋给了变量square。

JavaScript中是没有块级作用域概念的。也就是说,在块级语句中定义的变量,实际上是在包含函数中(外部函数)而非语句中创建的。

rush:js;"> function outputNumber(count){ for(var i=0;i<1000;i++){ alert(i); } alert(i); //count }

函数在java、C#等语言中,变量i只会在for循环语句中有定义,循环结束,i也就被销毁了。但在JavaScript中,变量i是定义在outputNumber()活动对象中的,因此在它定义开始,就可以在函数内部访问它。即使重新声明同一个变量,也不会改变它的值。

rush:js;"> function outputNumber(count){ for(var i=0;i<1000;i++){ alert(i); } var i; //重新声明变量 alert(i); //count }

匿名函数可以用来模仿块级作用域并避免这个问题,用作块级作用域(也称私有作用域)的匿名函数的语法如下:

rush:js;"> (function(){ //这是块级作用域 })()

以上代码定义变调用一个匿名函数,将函数声明包含在一个小括号里面,表示它是个函数表达式。紧跟其后的另一对小括号会立即调用这个函数。 无论什么时候,只要临时需要一些变量,就可以用私用作用域,例如:

rush:js;"> function outputNumber(count){ (function(){ for(var i=0;i<1000;i++){ alert(i); })(); alert(i); //导致一个错误 }

这样,我们在for循环外部插入了一个私有作用域。在匿名函数中定义的任何变量,都会在执行结束时被销毁。

这种技术经常在全局作用域中被用在函数外部,从而限制向全局作用域中添加过多的变量和函数

一般来说,我们应该尽量减少向全局作用域中添加变量和函数

这种做法可以减少闭包占用内存的问题,因为没有指向匿名函数的引用,只要函数执行完毕,就可以立即销毁其作用域链。

相关文章

前言 做过web项目开发的人对layer弹层组件肯定不陌生,作为l...
前言 前端表单校验是过滤无效数据、假数据、有毒数据的第一步...
前言 图片上传是web项目常见的需求,我基于之前的博客的代码...
前言 导出Excel文件这个功能,通常都是在后端实现返回前端一...
前言 众所周知,js是单线程的,从上往下,从左往右依次执行,...
前言 项目开发中,我们可能会碰到这样的需求:select标签,禁...