javascript中没有块级作用域这个概念。在块语句中定义的变量,实际上是包含在函数中而非语句中的。如下:
function test(count) {
for (var i = 0; i < count; i++) {
console.log(i);
}
console.log(i) // 计数
}
test(5)
复制代码
如上代码,若在java、c++等语言中,变量i在循环结束后会被立即销毁。可在javascript中,变量i是定义在函数的活动对象中,在函数内任何地方可以调用它。如果重写声明变量i,则不会影响原来的结果,但如果赋值的话,则会改变当前值。如: 重新声明
function test(count) {
for (var i = 0; i < count; i++) {
console.log(i); // 0 1 2 3 4
}
var i; // 重新声明
console.log(i) // 5
}
test(5)
复制代码
重新赋值
function test(count) {
for (var i = 0; i < count; i++) {
console.log(i); // 0 1 2 3 4
}
var i = 'ddd'; // 重新声明
console.log(i) // ddd
}
test(5)
复制代码
我们可以运用匿名函数通过模仿块级作用域来避免上面的问题。如:
(function(){
// 这里是块级作用域
})();
复制代码
修改后代码如下:
function test(count) {
(function(){
for(var i = 0; i < count; i++) {
console.log(i);
}
})()
console.log(i); // i is not defined
}
test(5)
复制代码
通过匿名函数模仿块级作用域,这样块级作用域下的变量,不会被函数作用域访问。
如有侵权,请发邮箱至wk_daxiangmubu@163.com 或留言,本人会在第一时间与您联系,谢谢!!