js代码中的闭包

作为一个后台开发人员了解前端非常重要,尤其是深处学校实验室做项目时前端把写好的代码直接给你,然后你在修改的时候。我经常做的就是修改前端的代码的HTML和后台交互的部分以及js的ajax部分,之后修改之后也会遇到很多问题,所以只能自己继续修改前端,学习了前端的不少知识。

js的闭包是一个很重要的概念,在编写js代码中经常会被用到的,也是js的特色以及难点。

知道闭包首先得知道js的变量和作用域。

在js中变量不向C/C++/Java中那样,得先定义在使用,js中可以直接使用变量,比如:

 n=100;

当然还有一种方式就是:

 num1=10;
var num2=15;

这两种方式在平时这种情况下看不出来其不同,但是一旦牵扯到了全局变量和局部变量之后就会看到不同之处,js的特殊之处就在于函数内部可以直接读取全局变量:

 var num=10;
function readNum(){
alert(num);
}
readNum();

以上代码可以输出的结果是10,这一点很简单,因为num是全局变量,所以函数可以直接访问。那么函数外部当然就无法访问局部变量:

 function readNum(){
var num=10;
}
alert(num);

很显然这一句会出错。那么在内部定义的时候如果这样定义:

 function readNum(){
num=10;
}
alert(num);

这样的代码就不会出错了,因为在js中使用var修饰的变量是局部的,在函数中不能有外部访问,然而没有使用var修饰的变量是全局的,所有的变量都能访问,那么问题来了,既然外部不能访问用var修饰的局部变量,但是一旦我们有时候需要访问的时候我们怎么办呢?想到的第一个方法就是在函数内部在定义一个函数:


 function readNum(){
var num=10;
function alNum(){
alert(num);
}
return alNum;
} var useAl=alNum;
useAl();

这一点和C语言等语言很类似,就第二个函数属于第一个函数内部,对于第二个函数来讲,num这个变量是相对于他全局的,所以可以访问这个变量,所以这个程序输出的值是10,这一点没有问题。那么当我们要访问这个变量的时候就可以将alNum作为返回值来用。这样我们就实现了在外部使用num变量。

那么!这里的alNum函数就是闭包!然后就是闭包就是使用一个内部函数来给外部一个借口访问内部局部变量,还可以这么理解,就是定义在函数内部的函数,这个函数可以访问到内部的局部变量。

上一篇:vue2.0实现一个模态弹框,内容自定义(使用slot)


下一篇:JS循环中使用bind函数的参数传递问题