匿名函数与闭包

1.匿名函数:

普通函数   function box(){return "lee";}   //函数名是box

匿名函数   function(){return "lee";}   //匿名函数,会报错

通过表达式自我执行    (function box(){alert("lee");})();  //封装成表达式

把匿名函数赋值给变量   var box=function(){return ‘lee‘;};

函数里的匿名函数    function box(){return function(){return ‘lee‘;}}   alert(box()());

2.闭包

闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包的常见方式,就是在一个函数内部创建另一个函数,通过另一个函数来访问这个函数的局部变量。

//通过闭包可以返回局部变量

function box(){

var user=‘lee‘;

return function(){return user;};

}

alert(box()());

var b=box();

alert(b());

//通过局部变量无法实现累加

function box(){var age=100;age++;return age;}

alert(box());  //101

alert(box());  //101,无法实现累加,因为又被初始化了

//通过闭包可以实现局部变量的累加

function box(){

var age=100;

return function(){age++;return age;}

}

var b=box();    //获得函数

alert(b());       //调用匿名函数

alert(b());        //第二次调用匿名函数,实现累加

作用域链的机制导致一个问题,在循环中里的匿名函数取得的任何变量都是最后一个值。

function box(){

var arr=[];

for(var i=0;i<5;i++){

arr[i]=function(){

return i};

}

return arr;

}

var b=box();

alert(b.length);

for(var i=0;i<5;i++){alert(b[i]());}  //输出每个函数的值,都是最后一个值。

上面的例子输出的结果都是5,也就是循环后得到的最大的i值。因为b[i]调用的是匿名函数,匿名函数并没有自我执行,等到调用的时候,box()已执行完毕,i的值变为5.所以结果为5个5.

function box(){
var arr=[];
for(var i=0;i<5;i++){
arr[i]=(function(num){       //自我执行  i传给num
return num;
})(i);                              //并且传参
}
return arr;
}
varb=box();
for(var i=0;i<b.length;i++){
alert(b[i]);                       //这里返回的是数组,直接打印即可

//循环里包含匿名函数,匿名函数下再做个匿名函数
function box(){
var arr=[];
for(var i=0;i<5;i++){arr[i]=(
function(num){
return function(){     //直接返回值,改 2 变成返回函数
      return num;         //原理和改 1 一样
}
})(i);
}
return arr;
}
varb=box();
for(var i=0;i<b.length;i++){
alert(b[i]()); //这里通过 b[i]()函数调用即可
}

我们通过匿名函数自我执行,立即把结果赋值给 a[i]。每一个 i,是调
用方法通过按值传递的,所以最终返回的都是指定的递增的 i。而不是 box()函数里的 i。

1) 关于 this 对象
      在闭包中使用 this 对象也可能会导致一些问题, this 对象是在运行时基于函数的执行环
境绑定的,如果 this 在全局范围就是 window,如果在对象内部就指向这个对象。而闭包却
在运行时指向 window 的,因为闭包并不属于这个对象的属性或方法。
var user=‘The Window‘;
var obj={
user:‘TheObject‘,
getUserFunction:function(){
return function(){                 //闭包不属于 obj,里面的 this 指向 window
       return this.user;
};
}
};
alert(obj.getUserFunction()()); //The window
//可以强制指向某个对象
alert(obj.getUserFunction().call(obj)); //The ObjectDL 20151226
  //也可以从上一个作用域中得到对象
getUserFunction:function(){
var that=this;                //从对象的方法里得对象
return function(){
return that.user;
};
}

2) 模仿块级作用域
JavaScript 没有块级作用域的概念。
function box(count){
for(var i=0;i<count;i++){}
alert(i);         //i 不会因为离开了 for 块就失效
}
box(2);
function box(count){
for(var i=0;i<count;i++){}
var i;            //就算重新声明,也不会改变前面的值
alert(i);
}
box(2);
      以上两个例子,说明 JavaScript 没有块级语句的作用域, if(){}for(){}等没有作用域,
如果有,出了这个范围 i 就应该被销毁了。就算重新声明同一个变量也不会改变它的值。
JavaScript 不会提醒你是否多次声明了同一个变量;遇到这种情况,它只会对后续的声
明视而不见(如果初始化了,当然还会执行的)。使用模仿块级作用域可避免这个问题。
   //模仿块级作用域(私有作用域)
   (function(){
//这里是块级作用域DL 20151226
})();
//使用块级作用域(私有作用域)改写
function box(count){
(function(){
for(var i=0;i<count;i++){}
})();
alert(i); //报错,无法访问
}
box(2);
     使用了块级作用域(私有作用域)后,匿名函数中定义的任何变量,都会在执行结束时被销毁。
这种技术经常在全局作用域中被用在函数外部,从而限制向全局作用域中添加过多的变量和函数。
一般来说,我们都应该尽可能少向全局作用域中添加变量和函数。在大型项目中,多人开发的
时候,过多的全局变量和函数很容易导致命名冲突,引起灾难性的后果。如果采用块级作用
域(私有作用域),每个开发者既可以使用自己的变量,又不必担心搞乱全局作用域。
  (function(){
var box=[1,2,3,4];
alert(box); //box 出来就不认识了
})();
      在全局作用域中使用块级作用域可以减少闭包占用的内存问题,因为没有指向匿名函数
的引用。只要函数执行完毕,就可以立即销毁其作用域链了。
4) 私有变量
JavaScript 没有私有属性的概念;所有的对象属性都是公有的。不过,却有一个私有变
量的概念。任何在函数中定义的变量,都可以认为是私有变量,因为不能在函数的外部访问这些
变量。
function box(){
var age=100; //私有变量,外部无法访问
}
      而通过函数内部创建一个闭包,那么闭包通过自己的作用域链也可以访问这些变量。而
利用这一点,可以创建用于访问私有变量的公有方法。
function box(){
var age=100; //私有变量
function run(){ //私有函数
return ‘运行中...‘;
}
this.get=function(){ //对外公共的特权方法
return age+run();
};
}
var box=new Box();
alert(box.get());
    可以通过构造方法传参来访问私有变量。
function Person(value){
var user=value;             //这句其实可以省略
this.getUser=function(){
return user;
};
this.setUser=function(value){us
er=value;
};DL 20151226
}
      但是对象的方法,在多次调用的时候,会多次创建。可以使用静态私有变量来避免这个问题。
静态私有变量通过块级作用域(私有作用域)中定义私有变量或函数,同样可以创建对外公
共的特权方
法。
(function(){
var age=100;
function run(){
return ‘运行中...‘;
}
Box=function(){}; //构造方法
Box.prototype.go=function(){ //原型方法
return age+run();
};
})();
var box=new Box();
alert(box.go());
       上面的对象声明,采用的是 Box=function(){}而不是 function box(){}因为如果用后面这
种,就变成私有函数了,无法在全局访问到了,所以使用了前面这种。
(function(){
var user=‘‘;
Person=function(value){
user=value;
};
Person.prototype.getUser=function(){
return user;
};
Person.prototype.setUser=function(value){
user=value;
}
})();
       使用了 prototype 导致方法共享了,而 user 也就变成静态属性了。 (所谓静态属性,即
共享于不同对象中的属性)。
模块模式
     之前采用的都是构造函数的方式来创建私有变量和特权方法。那么对象字面量方式就采
用模块模式来创建。
var box={ //字面量对象,也是单例对象
age:100, //这是公有属性,将要改成私有
run:function(){ //这时公有函数,将要改成私有
return ‘运行中...‘;
};
};
私有化变量和函数:
var box=function(){
var age=100;
function run(){
return ‘运行中...‘;DL 20151226
}
return { //直接返回对象
go:function(){
return age+run();
}
};
}();
上面的直接返回对象的例子,也可以这么写:
var box=function(){
var age=100;
function run(){
return ‘运行中...‘;
}
var obj= { //创建字面量对象
go:function(){return
age+run();
}
};
return obj; //返回这个对象
}();
字面量的对象声明,其实在设计模式中可以看作是一种单例模式,所谓单例模式,就是永远
保持对象的一个实例。
增强的模块模式,这种模式适合返回自定义对象,也就是构造函数。
function Desk(){};
var box=function(){
var age=100;
function run(){
return ‘运行中...‘;
}
var desk=new Desk();      //可以实例化特定的对象
desk.go=function(){
return age+run();
}();
};
return desk;
alert(box.go());

时间: 2024-10-04 16:37:37

匿名函数与闭包的相关文章

14.匿名函数和闭包

匿名函数和闭包 学习要点:1.匿名函数2.闭包 匿名函数就是没有名字的函数,闭包是可以访问一个函数作用域里变量的函数.声明:本节内容需要有面向对象和少量设计模式基础. 一.匿名函数 //普通函数function box(){ //函数名是box return 'Lee'; } //匿名函数function(){ //匿名函数,会报错,单独的匿名函数是无法运行的 return 'Lee';} //通过表达式自我执行(function box(){ //封装成表达式 alert('Lee');})(

匿名函数和闭包

匿名函数和闭包匿名函数就是没有名字的函数,闭包是可访问一个函数作用域里变量的函数.一. 匿名函数//普通函数functionbox() { //函数名是 boxreturn'Lee';}//匿名函数function() { //匿名函数,会报错return'Lee';}//通过表达式自我执行(function box() { //封装成表达式alert('Lee');})(); //()表示执行函数,并且传参//把匿名函数赋值给变量var box = function() { //将匿名函数赋给

javascript匿名函数与闭包

匿名函数是相对于有名字的函数 如function setAge(){}函数名为setAge 而类似于function(){}则就是一个匿名函数 有名字的函数执行时可以写成setAge(),而没有名字的函数则执行要写成(function())(); 另一种方式是把匿名函数赋值给一个变量来使用 var a=function(){ alert("hello,world"); } a(); 匿名函数传参 (function(age){ return age; })(100); 匿名函数产生闭包

匿名函数和闭包规避xdebug限制的函数递归深度限制

PHP版本5.6 先来个简单的用递归求和,代码如下: function add($n){     if($n === 1)return 1;     return add($n - 1); } echo add(256);  运行时报错: Maximum function nesting level of '256' reached, aborting! 这个报错的意思就是函数的递归深度最大是256,不能大于或等于256.在网上查找资料发现,这个是xdebug做的限制,可以通过更改配置文件来修改

php中的匿名函数和闭包(closure)

一:匿名函数 (在php5.3.0 或以上才能使用) php中的匿名函数(Anonymous functions), 也叫闭包函数(closures), 允许指定一个没有名称的函数.最常用的就是回调函数的参数值.(http://php.net/manual/zh/functions.anonymous.php) 匿名函数的定义: $closureFunc = function(){ .... }; eg: 把匿名函数赋值给变量,通过变量来调用 $closureFunc = function($s

从匿名函数(闭包特性)到 PHP 设计模式之容器模式

匿名函数(匿名函数) 匿名函数,也叫闭包函数,它允许临时创建一个没有指定名称的函数,常用作回调函数参数的值,也可以作为变量的值来使用.具体的使用见以下示例代码: /* 示例一:声明一个简单匿名函数,并赋值给一个变量,通过变量名调用这个匿名函数 */ $anonFunc = function($param){ echo $param; }; $anonFunc('这里是一个匿名函数'); // 通过变量名调用匿名函数,和普通函数没什么区别 /* 示例二:通过在函数内部使用匿名函数动态创建函数 */

Golang之匿名函数和闭包

Go语言支持匿名函数,即函数可以像普通变量一样被传递或使用. 使用方法如下: main.go package main import ( "fmt" ) func main() { var v func(a int) int v = func(a int) int { return a * a } fmt.Println(v(6)) //两种写法 v1 := func(i int) int { return i * i } fmt.Println(v1(7)) } GO语言的匿名函数就

GO 之匿名函数、闭包

匿名函数 go语言支持匿名函数,即像普通变量一样被引用或者传递 func main(){ var v func(a int) int v = func(a int) int { return a*a } fmt.Println(v(5)) //另一种写法 s := func(a int) int { return a*a } fmt.Println(s(7)) } GO语言的匿名函数就是闭包,<go语言编程>中对闭包的解释是: 基本概念闭包是:可以包含自由(未绑定到特定对象)变量的代码块,这些

内置函数补充、匿名函数及闭包

内置函数.匿名函数及闭包 匿名函数 def func(x,y): return (x,y) print(func(1,2)) # 结果: (1,2) f = lambda x,y:(x,y) # lambda关键字 print(f(1,2)) # 结果: (1,2) print((lambda x,y:(x,y))(1,2)) # 结果: (1,2) # 一行代码实现匿名函数的定义及调用 print(lambda :1) print((lambda :1)()) # 匿名函数可以不写参数,但必须

JavaScript匿名函数和闭包

概述 在JavaScript前端开发中,函数与对其状态即词法环境(lexical environment)的引用共同构成闭包(closure).也就是说,闭包可以让你从内部函数访问外部函数作用域.在JavaScript,函数在每次创建时生成闭包.匿名函数和闭包可以放在一起学习,可以加深理解.本文主要通过一些简单的小例子,简述匿名函数和闭包的常见用法,仅供学习分享使用,如有不足之处,还请指正. 普通函数 普通函数由fucntion关键字,函数名,() 和一对{} 组成,如下所示: 1 functi