JavaScript匿名函数之模仿块级作用域
作者:bea
匿名函数 函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途。 匿名函数:就是没有函数名的函数。 函数的定义,首先简单介绍一下函数的定义,大致可分为三种方式 第一种:这也是最常规的一种 function double(x){ return 2 * x; } 第二种:这种方法使用了Function构造函数,把参数列表和函数体都作为字符串,很不方便,不建议使用。 var double = new Function('x', 'return
匿名函数
函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途。
匿名函数:就是没有函数名的函数。
函数的定义,首先简单介绍一下函数的定义,大致可分为三种方式
第一种:这也是最常规的一种
function double(x){
return 2 * x;
}
第二种:这种方法使用了Function构造函数,把参数列表和函数体都作为字符串,很不方便,不建议使用。
var double = new Function('x', 'return 2 * x;');
第三种:
var double = function(x) { return 2* x; }
注意“=”右边的函数就是一个匿名函数,创造完毕函数后,又将该函数赋给了变量square。
JavaScript中是没有块级作用域概念的。也就是说,在块级语句中定义的变量,实际上是在包含函数中(外部函数)而非语句中创建的。
function outputNumber(count){
for(var i=0;i<1000;i++){
alert(i);
}
alert(i); //count
}
该函数在java、C#等语言中,变量i只会在for循环语句中有定义,循环结束,i也就被销毁了。但在JavaScript中,变量i是定义在outputNumber()活动对象中的,因此在它定义开始,就可以在函数内部访问它。即使重新声明同一个变量,也不会改变它的值。
function outputNumber(count){
for(var i=0;i<1000;i++){
alert(i);
}
var i; //重新声明变量
alert(i); //count
}
匿名函数可以用来模仿块级作用域并避免这个问题,用作块级作用域(也称私有作用域)的匿名函数的语法如下:
(function(){
//这是块级作用域
})()
以上代码定义变调用了一个匿名函数,将函数声明包含在一个小括号里面,表示它是个函数表达式。紧跟其后的另一对小括号会立即调用这个函数。 无论什么时候,只要临时需要一些变量,就可以用私用作用域,例如:
function outputNumber(count){
(function(){
for(var i=0;i<1000;i++){
alert(i);
})();
alert(i); //导致一个错误
}
这样,我们在for循环外部插入了一个私有作用域。在匿名函数中定义的任何变量,都会在执行结束时被销毁。
这种技术经常在全局作用域中被用在函数外部,从而限制向全局作用域中添加过多的变量和函数。
一般来说,我们应该尽量减少向全局作用域中添加变量和函数。
这种做法可以减少闭包占用内存的问题,因为没有指向匿名函数的引用,只要函数执行完毕,就可以立即销毁其作用域链。
有用 | 无用
函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途。
匿名函数:就是没有函数名的函数。
函数的定义,首先简单介绍一下函数的定义,大致可分为三种方式
第一种:这也是最常规的一种
function double(x){
return 2 * x;
}
第二种:这种方法使用了Function构造函数,把参数列表和函数体都作为字符串,很不方便,不建议使用。
var double = new Function('x', 'return 2 * x;');
第三种:
var double = function(x) { return 2* x; }
注意“=”右边的函数就是一个匿名函数,创造完毕函数后,又将该函数赋给了变量square。
JavaScript中是没有块级作用域概念的。也就是说,在块级语句中定义的变量,实际上是在包含函数中(外部函数)而非语句中创建的。
function outputNumber(count){
for(var i=0;i<1000;i++){
alert(i);
}
alert(i); //count
}
该函数在java、C#等语言中,变量i只会在for循环语句中有定义,循环结束,i也就被销毁了。但在JavaScript中,变量i是定义在outputNumber()活动对象中的,因此在它定义开始,就可以在函数内部访问它。即使重新声明同一个变量,也不会改变它的值。
function outputNumber(count){
for(var i=0;i<1000;i++){
alert(i);
}
var i; //重新声明变量
alert(i); //count
}
匿名函数可以用来模仿块级作用域并避免这个问题,用作块级作用域(也称私有作用域)的匿名函数的语法如下:
(function(){
//这是块级作用域
})()
以上代码定义变调用了一个匿名函数,将函数声明包含在一个小括号里面,表示它是个函数表达式。紧跟其后的另一对小括号会立即调用这个函数。 无论什么时候,只要临时需要一些变量,就可以用私用作用域,例如:
function outputNumber(count){
(function(){
for(var i=0;i<1000;i++){
alert(i);
})();
alert(i); //导致一个错误
}
这样,我们在for循环外部插入了一个私有作用域。在匿名函数中定义的任何变量,都会在执行结束时被销毁。
这种技术经常在全局作用域中被用在函数外部,从而限制向全局作用域中添加过多的变量和函数。
一般来说,我们应该尽量减少向全局作用域中添加变量和函数。
这种做法可以减少闭包占用内存的问题,因为没有指向匿名函数的引用,只要函数执行完毕,就可以立即销毁其作用域链。
有用 | 无用
猜你喜欢
您可能感兴趣的文章:
- JavaScript代码判断点击第几个按钮
- JavaScript模块化开发之SeaJS
- node.js require() 源码解读
- JavaScript 模块的循环加载实现方法
- javascript日期验证之输入日期大于等于当前日期
- 详解JavaScript正则表达式之RegExp对象
- 详解JavaScript基于面向对象之继承
- 轻松使用jQuery双向select控件Bootstrap Dual Listbox
- 基于jQuery通过jQuery.form.js插件实现异步上传
- 推荐阅读的js快速判断IE浏览器(兼容IE10与IE11)
- JS如何判断是否为ie浏览器的方法(包括IE10、IE11在内)
- javascript性能优化之DOM交互操作实例分析
- JavaScript文档碎片操作实例分析
- javascript性能优化之事件委托实例详解
- jsonp跨域请求数据实现手机号码查询实例分析
- jQuery Validate初步体验(二)
- jQuery Validate初步体验(一)
- jQuery Uploadify 上传插件出现Http Error 302 错误的解决办法
- jQuery同步提交示例代码