js中的闭包实现自增

最新推荐文章于 2023-05-06 10:21:30 发布

shashou628

最新推荐文章于 2023-05-06 10:21:30 发布

阅读量2.7k

点赞数

分类专栏：【html & js & jquery】

本文链接：https://blog.csdn.net/shashou628/article/details/46889033

版权

【html & js & jquery】专栏收录该内容

14 篇文章 0 订阅

订阅专栏

参考自 http://lovejavaei.iteye.com/blog/401167

js脚本之家

http://www.jb51.net/article/54639.htm

http://www.jb51.net/article/24101.htm

http://www.jb51.net/article/24156.htm

js闭包实现实现选项卡的效果（闭包）： http://www.mekkey.com/index.php/2013/06/13/js_tabs/

<!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">
function f(x) {
var a = 0;
a++;
x++;
var inner = function() {
return a + x;
}
return inner;
}
// var test = f(1);
</script>
<script type="text/javascript">
function testTime(){
var date1 = new Date();
var m;
for(var i=0;i<10000;i++){
m = i;
}
var date2 = new Date();
for(var i=9999;i>=0;i--){
m = i;
}
var date3 = new Date();
console.log(date2-date1);
console.log(date3-date2);
test1.value=date2-date1;
test2.value=date3-date2;
}
var v=0;
function test(){
incrementText.value=v++;
}
//js闭包实现自增
function incrementClosure(){
// var i = incrementText.value;
var i = 0;
function increment(){
i++;
return i;
}
return increment;
}
var textValue = incrementClosure();
function testClosure(obj){
// var textValue = incrementClosure();
incrementText.value = textValue();
}
</script>
</head>
<body>
<input type="button" value="测试for循环时间" οnclick="testTime()"/>
<input type="text" id="test1"/>
<input type="text" id="test2"/><br/><br/>
<input type="button" value="测试" οnclick="test()"/><br/><br/>
<input type="button" value="测试js闭包" οnclick="testClosure(this)"/>
<input type ="text" id="incrementText"/>
</body>
</html>