javascript闭包的实现方式

zhou363667565

浏览: 1989062 次
性别:
来自: 深圳

最近访客更多访客>>

cyclonejava

冰~水

yang_50

hh_qq_love_hi

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

JavaScript

闭包说白了就是封装的意思..为了隐藏方法内部的实现细节..

下面一段代码说明闭包的使用:

<%@ 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>闭包的实现方式</title>

	<script type="text/javascript">
		var commVar = 100;
		
		//闭包的实现方式一;
		//Ecmscript中所谓的闭包,函数能使用函数外定义的变量并且不需要传递参数;
		function showMessage(){
			alert(commVar);
		}
		showMessage();
		
		
		//闭包的实现方式二;
		//函数addNum()包括函数doAdd()闭包,内部函数是一个闭包,因为它将获取外部的参数num1和num2以及全局变量的值.
		function addNum(num1,num2){
			function doNum(){
				return commVar+num1+num2;
			}
			return doNum();
		}
		alert(addNum(10,10));
		
		//闭包实现方式三;
		function countNumFunction(num1){
			return function(num2){
				return num1 + num2;
			}
		}
		//引用闭包函数;
		var res = countNumFunction(10);
		alert(res(15));
		
		var sayHello = "hello ";
		
		//闭包实现方式四;
		(function(num1){
			var commName = "world";
			(function(){
				alert(sayHello+commName+":"+num1);
			})();
		})("500");
		
		//闭包实现方式五;
		function setDivStyle(message,time){
			setTimeout(function(){
				var divObj = document.createElement("div");
				var textObj = document.createTextNode(message);
				//把textObj对象追加到divObj中;
				divObj.appendChild(textObj);
				divObj.style.border="1px solid red";
				divObj.style.background = "green";
				document.body.appendChild(divObj);			
			},time);
		}
		setDivStyle("javascript 实例!!",3000)
		
		setTimeout(function(){
			var pobj = document.getElementById("pid");
			pobj.style.display = "none";
		},3000);
	</script>

</head>
<body>
	<p id="pid">Hello World!!!</p>
</body>
</html>

分享到：

javascript校验实例二 | Errors occurred during the build.

2012-01-15 00:58
浏览 1137
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

javascript闭包的实现方式

评论

发表评论

相关推荐

最近访客 更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论

javascript闭包的实现方式

评论

发表评论

相关推荐

100个javascript小知识点-经典

javascript读取文件夹下的所有文件

Javascript去除数组中的重复值

Javascript常用的操作

HTML字符实体(Character Entities)和转义字符串(Escape Sequence)

javascript获取点击的文本属性

javascript校验实例三

javascript校验实例二

javascript校验实例一

javascript 文本验证实例。

javascript面向对象知识学习笔记二

javascript 面向对象学习笔记一

HTML中的Flie标签禁止修改路径问题。

iframe中子窗体调用父窗体的方法

JS 敲回车按钮 登陆 支持火狐 和 iE浏览器.

javascript 页面跳转

javascript 操作两个select，左右选择值。

javascript 基础知识

javascript对table的添加，删除行的操作

javascript GetElementById的属性和对元素属性的设置

最近访客更多访客>>

JS 敲回车按钮登陆支持火狐和 iE浏览器.