1. Js 变量的作用域
2. 从外部读取方法内部的局部变量
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
var a=22;//全局变量,下面弹出来的值是22
function func(){
alert(a);
}
func();
</script>
</body>
</html>
<script type="text/javascript">
function func(){
// var a=22; //局部变量,下面alert会报错
a=22; //全局变量,下面弹出来的a的值为22
}
func();
alert(a);
</script>
第三节:闭包的概念
各种专业文献上的“闭包” (closure)定义非常抽象,很难看懂。我的理解是,闭包就是能够读取其他函数内部 变量的函数。 由于在 Javascript 语言中,只有函数内部的子函数才能读取局部变量,因此可以把闭包简单理解成“定义在一个 函数内部的函数”。 所以,在本质上,闭包就是将函数内部和函数外部连接起来的一座桥梁。
第四节:闭包的用途
一个是前面提到的可以读取函数内部的变量,另一个就是让这些变量的值始终保持在内存中。
第五节:闭包的使用注意点
1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性 能问题,在 IE 中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。 2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包 当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随 便改变父函数内部变量的值。
闭包举例1: 使用创建的func2作为闭包,来达到在函数func外面访问它内部的局部变量a。
结果是弹出来 22
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
function func(){
var a=22; //func方法中的局部变量
function func2(){ //func2相当于一个闭包的作用,是将函数内部和函数外部连接起来的一座桥梁
return a;
}
return func2;
}
var result=func();
alert("访问func的私有局部变量a:"+result());
</script>
</body>
</html>
闭包举例2:
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript">
var name="The Window";
var object={
name:"My object",
getNameFunc:function(){
return function(){
return this.name;
};
}
};
alert(object.name); //弹出来的结果为My object
alert(object.getNameFunc()()); //弹出来的结果为The Window,object.getNameFunc()()这里两个括号代表调用getNameFunc()
</script>
</body>
</html>
使用闭包:在function方法里面定义一个局部变量 var name="func";
<script type="text/javascript">
var name="The Window";
var object={
name:"My object",
getNameFunc:function(){
var name="func";
return function(){
return name;
};
}
};
alert(object.name); //弹出来的结果为My object
alert(object.getNameFunc()()); //弹出来的结果为func,object.getNameFunc()()这里两个括号代表调用getNameFunc()