闭包的3种方法以及如何从外部读取局部变量

Posted 2020-10-06 前端小小小小小小小白

闭包常用的3种中方法

1. 通过在函数中创建函数，并返回来延迟作用域链的存在时间（掌握执行环境／作用域链／this／活动对象／arguments／全局对象概念的理解）

2. 模仿块级作用域 （javascript不存在块级作用域）

for(var i=0;i<10;i++){
　　alert(i);
}
alert(i); //10
function outputNumbers(count){
　　(function(){

　　　for(var i=0;i<count;i++){
　　}
})();
alert(i); // 找不到该变量 ／／匿名函数自执行后吗，变量占的内存空间全部释放<br>}
3. 创建私有变量

可以使用构造函数或原型模式来创建私有变量：

function person(name){

this.getname = function(){

return name;

};

this.setname ＝ function(value){

　　　name = value;

};

}

var person1 = new person(‘pingzidong’);

person1.setname(‘mm’);

alert（person1.getname());

如何从外部读取局部变量？
出于种种原因，我们有时候需要得到函数内的局部变量。但是，前面已经说过了，正常情况下，这是办不到的，只有通过变通方法才能实现。
那就是在函数的内部，再定义一个函数。
Js代码
　　function f1(){
　　　　n=999;
　　　　function f2(){
　　　　　　alert(n); // 999
　　　　}
　　}
在上面的代码中，函数f2就被包括在函数f1内部，这时f1内部的所有局部变量，对f2都是可见的。但是反过来就不行，f2内部的局部变量，对f1 就是不可见的。这就是Javascript语言特有的“链式作用域”结构（chain scope），
子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立。
既然f2可以读取f1中的局部变量，那么只要把f2作为返回值，我们不就可以在f1外部读取它的内部变量了吗！

Js代码
　　function f1(){
　　　　n=999;
　　　　function f2(){
　　　　　　alert(n);
　　　　}
　　　　return f2;
　　}
　　var result=f1();
　　result(); // 999