指引网

当前位置: 主页 > 网页制作 > JavaScript >

javascript用匿名函数模仿块级作用域

来源:网络 作者:佚名 点击: 时间:2017-07-02 09:26
[摘要]  我们知道,在JavaScript中是没有块级作用域概念的,不过,我们可以利用匿名函数来模仿级作用域,本文我们来看几个实例。

JavaScript中没有块级作用域的概念。这意味着在块语句中定义的变量,实际上是在包含函数中而非语句中创建的。

function outputNumbers(count){
    for(var i = 0; i < count; i++){
        alert(i);
    }
    console.log(i);
}
outputNumbers(2);//弹出0,1输出2
//变量i是定义在outputNumbers()的活动对象中的,因此从它有定义开始,就可以在函数内部随时访问它。


函数中的多重声明,对于多次声明同一个变量,JavaScript只会对后续的声明视而不见。

function outputNumbers(count){
    for(var i = 0; i < count; i++){
        alert(i);
    }
    var i;
    console.log(i);
}
outputNumbers(2);//弹出0,1输出2


解决过程

【过渡写法】先创建一个匿名函数,并把匿名函数赋值给变量someFunction,然后通过在函数名称后面添加一对圆括号来调用函数。

var someFunction = function(){
    //这里是块级作用域
};
someFunction();

【错误写法】这种匿名函数直接跟圆括号会报错,因为JavaScript将function关键字当作一个函数声明的开始,而函数声明后面不能跟圆括号

function(){
    //这里是块级作用域
}();//出错

【正确写法】而函数表达式的后面可以跟圆括号,要将函数声明转换成函数表达式,只要给函数整体套上一个圆括号即可。

(function(){
    //这里是块级作用域
})();
//定义并立即调用了一个匿名函数。将函数声明包含在一对圆括号中,表示它实际上是一个函数表达式。而紧随其后的另一对圆括号会立即调用这个函数。

解决办法

【设置块级作用域】在重写后的outputNumbers()函数中,在for循环外部插入了一个私有作用域。在匿名函数中定义的任何变量,都会在执行结束时被销毁。因此,变量i只能在循环中使用。

function outputNumbers(count){
    (function(){
        for(var i = 0; i < count; i++){
            alert(i);
        }        
    })()
    console.log(i);
}
outputNumbers(2);//弹出0,1,然后报错,提示i is not defined


应用场景

这种技术经常在全局使用域中被用在函数外部,从而限制向全局作用域中添加过多的变量和函数。通过创建私有作用域,每个开发人员既可以使用自己的变量,又不必担心搞乱全局作用域。

(function(){
    var now = new Date();
    if(now.getMonth() === 0 && now.getDate() === 1){
        alert("happy new year!");
    }
})();
//代码中的变量now是匿名函数中的局部变量,不必在全局作用域中创建它。



好处

这种做法可以减少闭包占用的内存问题,因为没有指向匿名函数的引用,只要匿名函数执行完毕,就可以立即销毁其作用域链了。



JS 模仿块级作用域

无块级作用域及如何模拟块级作用域

javascript是没有块级作用域的,如下可验证:

if(true){
    var name = "xiaofei";
}
console.log(name); //xiaofei
  
for(var i = 0; i < 10; i++){
    //do something
}
console.log(i); //10


那如何模拟块级作用域呢?可以利用匿名函数来模拟块级作用域

(function(){
//此处定义的变量会在运行结束后被销毁
})();
  
//看一个例子:
function fun(n){
    (function(){
        for(var i = 0; i < n; i++){
            //do something
        }
    })();
    console.log(i); //无法访问 发生错误
}


解释:fun函数内部的匿名函数运行完毕后内部的变量立即被销毁了,所以在匿名函数外边访问不到i
还要注意的是在fun函数内部创建了一个匿名函数实质是创建了一个闭包,但是这个闭包没有付给其他变量,就没有存在引用,
所以在它执行完后立即被销毁


Javascript之匿名函数(模仿块级作用域)

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循环外部插入了一个私有作用域。在匿名函数中定义的任何变量,都会在执行结束时被销毁。

这种技术经常在全局作用域中被用在函数外部,从而限制向全局作用域中添加过多的变量和函数。

一般来说,我们应该尽量减少向全局作用域中添加变量和函数。

这种做法可以减少闭包占用内存的问题,因为没有指向匿名函数的引用,只要函数执行完毕,就可以立即销毁其作用域链。

------分隔线----------------------------