[持续更新]JavaScript学习笔记（五）

1.闭包(closure)

这个是js中很重要的一个概念，也是比较难理解的一个概念，也是用的比较多的一个概念。我的认识也有限，经验尚少，简单谈一谈我的理解。

在说闭包之前，应该了解变量作用域（scope）这个概念，简单说就是在一个嵌套的函数内，子函数的变量对父函数不可见，父函数以及父函数的父函数的变量对子函数可见；当子函数要一个变量时，先从自身找，若没有，则去父函数的变量中找，以此类推。

我的理解是：能在函数外部调用函数里的函数的变量，就构成了闭包。

看个例子：

var scope =  "global";
function f1() {
var scope = "local";
function f11(){
return scope;
}

return f11();
}

f1();//local

不知道看懂没，讲解例子之前呢，首先要明确几点：

1.全局变量与局部变量同名时，若在函数内部调用，局部变量的优先级大于全局变量，也就是说，获取这个同名变量，值为局部变量的值。

2.函数内部的局部变量不能够在函数外部被访问，因为函数内部变量在函数执行完时就被销毁（回收）。

上面这个例子就是闭包，正常来说，函数的内部变量无法在函数外部被访问到，但是使用了闭包，就可以访问到了，因为闭包会将变量保存在内存中。

F1的内部函数f11在执行时就是返回scope的值。

F1的返回值就是返回f11()，也就是返回f11的执行结果，也就是scope的在函数内部的值。这样实现了外部访问。

这里还有一个知识点要说，看例子：

var scope =  "global";
function f1() {
var scope = "local";
function f11(){
return scope;
}
return f11;
}

f1()();//local

这个例子遇上一个例子不一样的就是返回f11而不是f11()

还有执行时候的是f1()();

因为如果是returnf11；返回的是f11函数对象，是一个未执行的函数对象。

F1()返回的是一个可执行的函数对象，所以f1()()就是对返回结果的再执行。结果也是local。

闭包就是连接函数内部与函数外部的桥梁。

使用闭包的注意点

1.由于闭包会使得函数中的变量都被保存在内存中，内存消耗很大，所以不能滥用闭包，否则会造成网页的性能问题，在IE中可能导致内存泄露。解决方法是，在退出函数之前，将不使用的局部变量全部删除。

2.闭包会在父函数外部，改变父函数内部变量的值。所以，如果你把父函数当作对象（object）使用，把闭包当作它的公用方法（PublicMethod），把内部变量当作它的私有属性（privatevalue），这时一定要小心，不要随便改变父函数内部变量的值。

2.函数的写法

在Javascript定义一个函数一般有如下三种方式：

函数关键字(function)语句：

functionfnMethodName(x){alert(x);}

函数字面量(FunctionLiterals)：

varfnMethodName=function(x){alert(x);}

Function()构造函数：

varfnMethodName=newFunction('x','alert(x);')

上面三种方法定义了同一个方法函数fnMethodName，

第1种就是最常用的方法，后两种都是把一个函数复制给变量fnMethodName，而这个函数是没有名字的，即匿名函数。

实际上，相当多的语言都有匿名函数。

二、函数字面量和Function()构造函数的区别

虽然函数字面量是一个匿名函数，但语法允许为其指定任意一个函数名，当写递归函数时可以调用它自己，使用Function()构造函数则不行。

varf=functionfact(x){if(x<=1)return1;elsereturnx*fact(x-1);};

Function()构造函数允许运行时Javascript代码动态的创建和编译。在这个方式上它类似全局函数eval()。

Function()构造函数每次执行时都解析函数主体，并创建一个新的函数对象。所以当在一个循环或者频繁执行的函数中调用Function()构造函数的效率是非常低的。相反，函数字面量却不是每次遇到都重新编译的。

用Function()构造函数创建一个函数时并不遵循典型的作用域，它一直把它当作是顶级函数来执行。

vary="global";

functionconstructFunction(){vary="local";returnnewFunction("returny");//无法获取局部变量}alert(constructFunction()());//输出“global”和函数关键字定义相比Function()构造器有自己的特点且要难以使用的多，

所以这项技术通常很少使用。

而函数字面量表达式和函数关键字定义非常接近。

考虑前面的区别，虽然有消息说字面量的匿名函数在OSX10.4.3下的某些webkit的引擎下有bug，

但我们平常所说的匿名函数均指采用函数字面量形式的匿名函数。

三、匿名函数的代码模式

错误模式：其无法工作，浏览器会报语法错。

function(){alert(1);}();

函数字面量：首先声明一个函数对象，然后执行它。

(function(){alert(1);})();

优先表达式：

(function(){alert(2);}());

void操作符：

voidfunction(){alert(3);}()这三种方式是等同的。

更多相关文章

随机推荐