JavaScript的作用域、块级作用域(私有作用域)概念理解
2017-08-08 14:52
507 查看
任何一对花括号中的语句集都属于一个块,在这之中定义的所有变量在代码块外都是不可见的,我们称之为块级作用域
什么是块级作用域呢?
任何一对花括号({和})中的语句集都属于一个块,在这之中定义的所有变量在代码块外都是不可见的,我们称之为块级作用域。
函数作用域就好理解了(^__^) ,定义在函数中的参数和变量在函数外部是不可见的。
大多数类C语言都拥有块级作用域,JS却没有。请看下文demo:
运行这段代码,会出现“use an undefined variable:j”的错误。可以看到,C语言拥有块级作用域,因为j是在if的语句块中定义的,因此,它在块外是无法访问的。
而JS是如何表现的呢,再看另一个demo:
运行这段代码,弹出”3”,可见,在块外,块中定义的变量i仍然是可以访问的。也就是说,JS并不支持块级作用域,它只支持函数作用域,而且在一个函数中的任何位置定义的变量在该函数中的任何地方都是可见的。
那么我们该如何使JS拥有块级作用域呢?是否还记得,在一个函数中定义的变量,当这个函数调用完后,变量会被销毁,我们是否可以用这个特性来模拟出JS的块级作用域呢?看下面这个DEMO:
这时候再次运行,会弹出”i”未定义的错误,哈哈,实现了吧~~~这里,我们把for语句块放到了一个闭包之中,然后调用这个函数,当函数调用完毕,变量i自动销毁,因此,我们在块外便无法访问了。
总结
JS的闭包特性is the most important feature。在JS中,为了防止命名冲突,我们应该尽量避免使用全局变量和全局函数。那么,该如何避免呢?不错,正如上文demo所示,我们可以把要定义的所有内容放入到一个
之中,这时候,我们是不是相当于给它们的外层添加了一个函数作用域呢?该作用域之外的程序是无法访问它们的。
(原文链接)
作用域永远都是任何一门编程语言中的重中之重,因为它控制着变量与参数的可见性与生命周期。讲到这里,首先理解两个概念:块级作用域与函数作用域。
什么是块级作用域呢?
任何一对花括号({和})中的语句集都属于一个块,在这之中定义的所有变量在代码块外都是不可见的,我们称之为块级作用域。
函数作用域就好理解了(^__^) ,定义在函数中的参数和变量在函数外部是不可见的。
大多数类C语言都拥有块级作用域,JS却没有。请看下文demo:
//C语言 #include <stdio.h> void main() { int i=2; i--; if(i) { int j=3; } printf("%d/n",j); }
运行这段代码,会出现“use an undefined variable:j”的错误。可以看到,C语言拥有块级作用域,因为j是在if的语句块中定义的,因此,它在块外是无法访问的。
而JS是如何表现的呢,再看另一个demo:
functin test(){ for(var i=0;i<3;i++){} alert(i); } test();
运行这段代码,弹出”3”,可见,在块外,块中定义的变量i仍然是可以访问的。也就是说,JS并不支持块级作用域,它只支持函数作用域,而且在一个函数中的任何位置定义的变量在该函数中的任何地方都是可见的。
那么我们该如何使JS拥有块级作用域呢?是否还记得,在一个函数中定义的变量,当这个函数调用完后,变量会被销毁,我们是否可以用这个特性来模拟出JS的块级作用域呢?看下面这个DEMO:
function test(){ (function (){ for(var i=0; 4000 i<4;i++){} })(); alert(i); } test();
这时候再次运行,会弹出”i”未定义的错误,哈哈,实现了吧~~~这里,我们把for语句块放到了一个闭包之中,然后调用这个函数,当函数调用完毕,变量i自动销毁,因此,我们在块外便无法访问了。
总结
JS的闭包特性is the most important feature。在JS中,为了防止命名冲突,我们应该尽量避免使用全局变量和全局函数。那么,该如何避免呢?不错,正如上文demo所示,我们可以把要定义的所有内容放入到一个
(function (){ //内容 })();
之中,这时候,我们是不是相当于给它们的外层添加了一个函数作用域呢?该作用域之外的程序是无法访问它们的。
(原文链接)
相关文章推荐
- JavaScript的作用域和块级作用域概念理解
- JavaScript的作用域和块级作用域概念理解
- JavaScript的作用域和块级作用域概念理解
- JavaScript的作用域和块级作用域概念理解
- JavaScript的作用域和块级作用域概念理解
- JavaScript的作用域和块级作用域概念理解
- 深入理解JavaScript中的块级作用域、私有变量与模块模式
- JavaScript模仿块级作用域与私有变量
- 理解JavaScript私有作用域
- [JavaScript] 模拟块级作用域、私有变量/函数
- JavaScript 模仿块级作用域和私有变量
- [javascript][变量][作用域][内存泄漏]深入理解JavaScript的变量作用域及其内存泄漏
- 模拟块级作用域和私有作用域
- JavaScript中的块级作用域和私有变量
- JavaScript中作用域和作用域链的简单理解(变量提升)
- JavaScript中作用域和作用域链的简单理解(变量提升)
- Javascript基础_11作用域与块级作用域
- 深入理解javascript作用域系列第四篇——块作用域
- javascript理解04-函数的概念及作用
- 深入理解javascript作用域系列第五篇——一张图理解执行环境和作用域