javascript——作用域与闭包
http://www.cnblogs.com/lucio-yr/p/4047972.html
一、作用域:
- 在函数内部:用 var 声明的表示局部变量,未用var的是全局变量。
- 作用域取决于变量定义时,而不是执行时。
例1:
var a=123; //全局变量
function f()
{
document.writeln(a +'</br>'); //(1)
var a=1; //局部变量
document.writeln(a +'<br/>'); //(2)
}
f();
变量作用域例子1
结果如下:
注:在(1)处虽然局部变量 a 尚未定义,而外面的全局变量已经定义,但在函数f内部,局部变量本身已经存在本地空间,因此 (1)处访问的 a 是局部变量。
例2:
function f1(){var b=1;return f2();}
function f2(){return b;}
f1();
var b=2;
f1();
变量作用域例子2
注: f2 中的 b 未定义,而 f1 中的 b 是局部变量,因此 函数 f1 与 f2 之间的变量是不可相互访问的。当定义全局变量 b=2 后,此时执行 f1 中的 b 与全局变量 b 是两个不同的变量, f2 中的 b 实际上操作的是全局变量。
可以将函数 f1 中的变量声明为全局变量。如下:
二、闭包:在外部访问内部局部变量
例1:
function f()
{
var b='b';
return function(){ return b;};
}
var n=f();
n(); "b"
或
函数 f 中的变量 b 是一个局部变量,外界原本是无法获取的,通过将一个函数的引用传递出去,使外界获得访问内部的权限,如下图,变量 n 指向了内部函数,而内部函数与变量 b 同属于函数 f ,自然可以有效的访问变量 b 。当然有一部分人可能会说 n 本身就是函数而不是变量,这里就是仁者见仁智者见智了。
例2:
如果一个函数需要在其父级函数返回之后留住对父级作用域的链接的话,就必须为此建立一个闭包,务必注意的是在(1)处,绑定的是作用域本身,而不是每个变量的值,如果后面变量 arg 发生变化,则执行 n 时,获取的都是最新值。它使用的值是从执行环境中获取的。
例3:
function funct()
{
var a=[]; var i;
for(i=0;i<3;i++)
{
a[i]=function(){ return i;};
}
return a;
};
var a=funct();
a[0](); //
a[1](); //
a[2](); //
闭包的陷阱
如上所示,数组 a 的元素在循环中仅仅是保存了一个函数的引用,这些函数并没有执行。闭包并不记录向数组赋值时对立的 i 值,在循环完后,i 变为了3,当当执行这些函数时,函数采取查找变量 i ,获取的 i 是最新值,也就均是相同的3.
修改如下:
function funct()
{
var a=[]; var i;
for(i=0;i<3;i++)
{
a[i]=
(
function(x)
{
return function(){ return x;}; //(1)
}
)(i); // 立即执行
}
return a;
};
var a=funct();
a[0](); //
a[1](); //
a[2](); //
在(1)处,当 i 为1时,则相当于 a[1]=function(){return 1;}。
javascript——作用域与闭包的更多相关文章
- javascript作用域和闭包之我见
javascript作用域和闭包之我见 看了<你不知道的JavaScript(上卷)>的第一部分--作用域和闭包,感受颇深,遂写一篇读书笔记加深印象.路过的大牛欢迎指点,对这方面不懂的同学 ...
- JavaScript 作用域和闭包——另一个角度:扩展你对作用域和闭包的认识【翻译+整理】
原文地址 --这篇文章有点意思,可以扩展你对作用域和闭包的认识. 本文内容 背景 作用域 闭包 臭名昭著的循环问题 自调用函数(匿名函数) 其他 我认为,尝试向别人解释 JavaScript 作用域和 ...
- JavaScript作用域和闭包
在JavaScript中,作用域是执行代码的上下文.作用域有3种类型: 1.全局作用域 2.局部作用域---(又叫函数作用域) 3.eval作用域 var foo =0;//全局作用域console. ...
- 举例详细说明javascript作用域、闭包原理以及性能问题(转)
转自:http://www.cnblogs.com/mrsunny/archive/2011/11/03/2233978.html 这可能是每一个jser都曾经为之头疼的却又非常经典的问题,关系到内存 ...
- JavaScript 作用域和闭包
作用域的嵌套将形成作用域链,函数的嵌套将形成闭包.闭包与作用域链是 JavaScript 区别于其它语言的重要特性之一. 作用域 JavaScript 中有两种作用域:函数作用域和全局作用域. 在一个 ...
- javascript作用域、闭包、对象与原型链
原文作者总结得特别好,自己收藏一下.^-^ 1.作用域1.1函数作用域JS的在函数中定义的局部变量只对这个函数内部可见,称之谓函数作用域.它没有块级作用域(因此if.for等语句中的花括号不是独立作用 ...
- javascript作用域与闭包
Javasript作用域概要 在javascript中,作用域是执行代码的上下文,作用域有三种类型: 1) 全局作用域 2) 局部作用域(函数作用域) 3) eval作用域 var foo = ...
- JavaScript作用域与闭包总结
1.全局作用域 所有浏览器都支持 window 对象,它表示浏览器窗口,JavaScript 全局对象.函数以及变量均自动成为 window 对象的成员.所以,全局变量是 window 对象的属性,全 ...
- 《JavaScript 闯关记》之作用域和闭包
作用域和闭包是 JavaScript 最重要的概念之一,想要进一步学习 JavaScript,就必须理解 JavaScript 作用域和闭包的工作原理. 作用域 任何程序设计语言都有作用域的概念,简单 ...
随机推荐
- 阿里云 linux 找回mysql root密码
不小心手贱修改了密码,而且使用phpMyAdmin这种自动生成密码,又没记录密码,真实醉了 搜了半天,问题多多,想过回滚磁盘到昨天,在阿里云已经买了付费找密码 最后终于自己解决了,其实很简单 cd ...
- rsync 实现断点续传
Linux 主机之间即时传送文件,scp命令大家都很熟悉但当要传送的文件较大,过程中如果网络中断了,就比较悲剧了.这时候可以考虑使用rsync命令替代scp,实现断点续传文件. 试验:rsync使用 ...
- element-ui中tabs页设置第一个页面不可关闭
element官网中,有说明添加这个属性,默认为false,但是这个是一个单属性,似乎没法赋值. 这个用css就行了嘛,没必要搞得那么复杂,也不需要设置close属性,按照官网的示例文档即可.css设 ...
- RabbitMQ学习系列三:.net 环境下 C#代码订阅 RabbitMQ 消息并处理
上一篇已经讲了Rabbitmq如何在Windows平台安装 不懂请移步: RabbitMQ学习系列二:.net 环境下 C#代码使用 RabbitMQ 消息队列 一.理论 .net环境下,C#代码订阅 ...
- SpringMVC_总结_03_SpringMVC相关注解
一.前言 在前面的小节中,我们配置了注解驱动和自动扫描包,然后就可以使用SpringMVC相关注解了. 二.@Controller @Controller用来修饰类,源码如下: package org ...
- php 与 Smarty 中的 isset
今天在做一个分页模块的时候,在获取前端返回的当前页时,烦了一个大错!本来应该是这样子滴: 而咱却写成了这个样子: 在php里输出测试都没错,结果到Smarty里就被拒了! 测试结果是 这货跟谁都相等, ...
- 如何用nodejs启一个前端服务
1.新建文件夹,如 notice 2.新建页面和js文件,如 index.html server.js 3.index.html页面内容随你写,如: <!DOCTYPE html> < ...
- jsp有哪些内置对象?作用分别是什么?
JSP共有以下9种基本内置组件 1.request对象 客户端请求,此请求会包含来自GET/POST请求的参数通过它才能了解到客户的需求,然后做出响应. 2.response对象 响应客户请求的有关信 ...
- git之reset
有时候,一直用公司电脑开发的时候,顺顺利利.回到家,用自己笔记本,想改改代码,git pull后,发现一堆的unmerged或者其他冲突等问题. 明明只是git pull 一下,怎么会这么多问题. 这 ...
- PHP判断键值数组是否存在,使用empty或isset或array_key_exists(转)
一个例子 猜猜看,下面的例子会输出什么? 1 2 3 4 5 6 7 8 9 10 11 12 13 14 <?php $a = array('a'=>1, 'b'=>0, 'c'= ...