关闭

js 闭包的理解

标签: javascript
192人阅读 评论(0) 收藏 举报
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<script type="text/javascript" src="../js/jquery-1.8.0.min.js" ></script>
<script>
(function(){

function f1(){
    var n=999;
    nAdd=function(){n+=1;};
    return function(){console.log("n:"+n)};
  }
  var result=f1();
  result(); // 999 
  nAdd();
  result(); // 1000

function f3(){
var n1=100;
nAdd3 = function(){n1+=1;};
return n1;
}
var result3 = f3();
console.log("result3:"+result3);



var person = (function() {
  var name = 'name';
  var person = {};
  function sayName() {
    alert(name);
  }
  person.sayName = sayName;
  return person;
})();






function outer(){
var localVal = 30;
return localVal;
}
console.log(outer()); // 30

function outer2(){
var localVal = 30;
return function(){
return localVal;
}
}
var func = outer2();
console.log(func()); // 30
console.log(outer2()()); // 30

/*!function(){
var localData = "localData here";
document.addEventListener("click", function(){
console.log(localData);
})
}*/

/* 常见错误之循环闭包 start */
$(function(){
$("#testDiv").html("<div id='div1'>111</div><div id='div2'>222</div><div id='div3'>333</div>");
for(var i=0;i<3;i++){
/*document.getElementById("div"+(i+1)).addEventListener("click",function(){
alert(i); // 3
});*/

// 立即执行
(function(i){
document.getElementById("div"+(i+1)).addEventListener("click",function(){
alert(i); // 0, 1, 2
});
})(i);

// 立即执行
/*!function(i){
document.getElementById("div"+(i+1)).addEventListener("click",function(){
alert(i); // 0, 1, 2
});
}(i);*/
}
});
/* 常见错误之循环闭包 end */

/* 闭包-封装 start */
(function(){
var _userId = 23492;
var _typeId = 'item';
var exports = {};
function converter(userId){
return +userId;
}

exports.getUserId = function(){
return converter(_userId);
}

exports.getTypeId = function(){
return _typeId;
}

window.exports = exports;
})();
console.log(exports.getUserId());
console.log(exports.getTypeId());
/* 闭包-封装 end */
})();
</script>
</head>
<body>
<div id="testDiv">

</div>
<pre>
闭包的好处:
(1)不增加额外的全局变量,
(2)执行过程中所有变量都是在匿名函数内部。
闭包的缺点:
(1)由于闭包会使得函数中的变量都被保存在内存中,内存消耗很大,所以不能滥用闭包,否则会造成网页的性能问题,在IE中可能导致内存泄露。解决方法是,在退出函数之前,将不使用的局部变量全部删除。
(2)闭包会在父函数外部,改变父函数内部变量的值。所以,如果你把父函数当作对象(object)使用,把闭包当作它的公用方法(Public Method),把内部变量当作它的私有属性(private value),这时一定要小心,不要随便改变父函数内部变量的值。
</pre>

</body>

</html>

声明:转载请声明出处!!!

0
0

查看评论
* 以上用户言论只代表其个人观点,不代表CSDN网站的观点或立场
    个人资料
    • 访问:25750次
    • 积分:564
    • 等级:
    • 排名:千里之外
    • 原创:13篇
    • 转载:26篇
    • 译文:15篇
    • 评论:6条
    最新评论