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

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

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

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

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索javascript
, 函数
变量
匿名函数的作用域、匿名函数作用域、js匿名函数作用域、javascript函数作用域、javascript 匿名函数,以便于您获取更多的相关知识。

时间: 2024-10-26 09:45:18

javascript用匿名函数模仿块级作用域的相关文章

JavaScript匿名函数之模仿块级作用域_javascript技巧

匿名函数 函数是JavaScript中最灵活的一种对象,这里只是讲解其匿名函数的用途. 匿名函数:就是没有函数名的函数. 函数的定义,首先简单介绍一下函数的定义,大致可分为三种方式 第一种:这也是最常规的一种 function double(x){ return 2 * x; }  第二种:这种方法使用了Function构造函数,把参数列表和函数体都作为字符串,很不方便,不建议使用. var double = new Function('x', 'return 2 * x;');  第三种: v

深入理解JavaScript中的块级作用域、私有变量与模块模式_基础知识

本文详细的介绍了JavaScript中的块级作用域.私有变量与模块模式,废话就不多说了,具体如下: 1.块级作用域(私有作用域),经常在全局作用域中被用在函数外部,从而限制向全局作用域中添加过多的变量和函数. (function(count){ for(var i=0;i<count;i++){ console.log(i);//=>0.1.2.3.4 } console.log(i);//=>5 })(5); (function(){ var now=new Date(); if(no

为什么JavaScript没有块级作用域_javascript技巧

最近在看ES2015 实战,里面有句话是这么说的 JavaScript 中没有块级作用域 可能会对这个问题大家可能有点不理解,先看个例子 var a = [] for(var i = 0; i < 10; i++){ a[i] = function(){ console.log(i); } } a[6](); 我想很多人会觉得这个问题的结果是6,然而很不幸,答案是10.在试试别的呢.a[7]().a[8]().a[8]()结果都是10!! 由于JS在处理primitive的变量的时候,很多时候会

JavaScript的作用域和块级作用域概念理解

  作用域永远都是任何一门编程语言中的重中之重,因为它控制着变量与参数的可见性与生命周期.讲到这里,首先理解两个概念:块级作用域与函数作用域. 什么是块级作用域呢? 任何一对花括号({和})中的语句集都属于一个块,在这之中定义的所有变量在代码块外都是不可见的,我们称之为块级作用域. 函数作用域就好理解了(*^__^*) ,定义在函数中的参数和变量在函数外部是不可见的. 大多数类C语言都拥有块级作用域,JS却没有.请看下文demo: //C语言 #include void main() { int

ECMAScript6块级作用域及新变量声明(let)_javascript技巧

很多语言中都有块级作用域,但JS没有,它使用var声明变量,以function来划分作用域,大括号"{}" 却限定不了var的作用域.用var声明的变量具有变量提升(declaration hoisting)的效果. ES6里增加了一个let,可以在{}, if, for里声明.用法同var,但作用域限定在块级,let声明的变量不存在变量提升. 示例1: 块级作用域 if function getVal(boo) { if (boo) { var val = 'red' // ...

Javascript的匿名函数小结_javascript技巧

一.什么是匿名函数? 在Javascript定义一个函数一般有如下三种方式: 函数关键字(function)语句: function fnMethodName(x){alert(x);} 函数字面量(Function Literals): var fnMethodName = function(x){alert(x);} Function()构造函数: var fnMethodName = new Function('x','alert(x);') 上面三种方法定义了同一个方法函数fnMetho

Javascript中匿名函数的调用与写法实例详解(多种)_javascript技巧

Javascript中定义函数的方式有多种,函数直接量就是其中一种.如var fun = function(){},这里function如果不赋值给fun那么它就是一个匿名函数.好,看看匿名函数的如何被调用. 方式1,调用函数,得到返回值.强制运算符使函数调用执行 (function(x,y){ alert(x+y); return x+y; }(3,4)); 方式2,调用函数,得到返回值.强制函数直接量执行再返回一个引用,引用再去调用执行 (function(x,y){ alert(x+y);

JavaScript中匿名函数用法实例

 这篇文章主要介绍了JavaScript中匿名函数用法,实例分析了javascript中匿名函数的功能.定义及具体用法,需要的朋友可以参考下     本文实例讲述了JavaScript中匿名函数用法.分享给大家供大家参考.具体分析如下: JS中可以不用给函数名称,而是在使用时直接通过function把函数体赋值给相关的事件或者变量. 下面的JS代码给按钮设定了一个onclick事件,使用了匿名函数 ? 1 2 3 4 5 6 7 8 9 <form action="#">

(转载)JavaScript中匿名函数,函数直接量和闭包_javascript技巧

原文出处: http://www.dnew.cn/post/196.htm 先看下下面几种写法 1.function f(x){return x*x;};f(x); 2.(function(x){return x*x;})(x); 3.(function(x){return x*x;}(x)); 第一种我们应该都很熟悉了,这是我们经常使用的写法.第二第三种都是匿名函数的写法. ------------------------------------------------------------