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

 更新时间:2014年09月21日 14:11:38   投稿:whsnow  
任何一对花括号中的语句集都属于一个块,在这之中定义的所有变量在代码块外都是不可见的,我们称之为块级作用域

作用域永远都是任何一门编程语言中的重中之重,因为它控制着变量与参数的可见性与生命周期。讲到这里,首先理解两个概念:块级作用域与函数作用域。

什么是块级作用域呢?

任何一对花括号({和})中的语句集都属于一个块,在这之中定义的所有变量在代码块外都是不可见的,我们称之为块级作用域。

函数作用域就好理解了(*^__^*) ,定义在函数中的参数和变量在函数外部是不可见的。

大多数类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;i<4;i++){ 
} 
})(); 
alert(i); 
} 
test();

这时候再次运行,会弹出"i"未定义的错误,哈哈,实现了吧~~~这里,我们把for语句块放到了一个闭包之中,然后调用这个函数,当函数调用完毕,变量i自动销毁,因此,我们在块外便无法访问了。

JS的闭包特性is the most important feature((*^__^*) 大家懂的)。在JS中,为了防止命名冲突,我们应该尽量避免使用全局变量和全局函数。那么,该如何避免呢?不错,正如上文demo所示,我们可以把要定义的所有内容放入到一个

(function (){ 
//内容 
})();

之中,这时候,我们是不是相当于给它们的外层添加了一个函数作用域呢?该作用域之外的程序是无法访问它们的。

相关文章

  • javascript实现很浪漫的气泡冒出特效

    javascript实现很浪漫的气泡冒出特效

    这篇文章主要为大家详细介绍了javascript实现很浪漫的气泡冒出特效,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2015-11-11
  • JavaScript事件类型中焦点、鼠标和滚轮事件详解

    JavaScript事件类型中焦点、鼠标和滚轮事件详解

    这篇文章主要为大家详细介绍了JavaScript事件类型中焦点、鼠标和滚轮事件,以及注意事项,感兴趣的小伙伴们可以参考一下
    2016-01-01
  • 详解JavaScript中var和let的区别

    详解JavaScript中var和let的区别

    在JavaScript中,有3个关键字可以声明变量:var、const和let,其中var在ECMAScript的所有版本中都可以使用,而const和let只能在ECMAScript 6及更晚的版本中使用,本文就来说说二者的区别,感兴趣的可以了解一下
    2022-11-11
  • JS测试显示屏分辨率以及屏幕尺寸的方法

    JS测试显示屏分辨率以及屏幕尺寸的方法

    如何用JS特效显示自己的屏幕分辨率以及屏幕尺寸呢,你会吗?如果不会,那么下面有个不错的方法,大家可以参考下
    2013-11-11
  • JS通用方法触发点击事件代码实例

    JS通用方法触发点击事件代码实例

    这篇文章主要介绍了JS通用方法触发点击事件代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-02-02
  • JavaScript学习笔记之DOM基础 2.4

    JavaScript学习笔记之DOM基础 2.4

    DOM(Document Object Model),即“文档对象模型”。基于语义的逻辑结构,DOM将网页内的元素与内容呈现为一个清晰、易读的树状模型,下面小编把最近整理有关javascript笔记之DOM基础分享给大家,有需要的朋友可以参考下
    2015-08-08
  • javascript自定义in_array()函数实现方法

    javascript自定义in_array()函数实现方法

    这篇文章主要介绍了javascript自定义in_array()函数实现方法,涉及javascript数组的遍历与查找相关技巧,具有一定参考借鉴价值,需要的朋友可以参考下
    2015-08-08
  • iframe如何动态创建及释放其所占内存

    iframe如何动态创建及释放其所占内存

    一个项目后期测试发现浏览器内存一直居高不下,而且打开iframe页面越多内存占用越大,在IE系列浏览器中尤其明显,下面与大家分享下iframe动态创建及释放内存
    2014-09-09
  • javascript之锁定表格栏位

    javascript之锁定表格栏位

    javascript之锁定表格栏位...
    2007-06-06
  • JavaScript获取本机IP地址三种常用方式

    JavaScript获取本机IP地址三种常用方式

    在浏览器中使用JavaScript获取本机IP地址是不可行的,因为浏览器的安全策略禁止JavaScript访问这样的信息,这篇文章主要给大家介绍了关于JavaScript获取本机IP地址的三种常用方式,需要的朋友可以参考下
    2023-12-12

最新评论