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 匿名函数,以便于您获取更多的相关知识。