js 闭包的理解

原创 2016年05月30日 17:13:44
<!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>

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

版权声明:本文为博主原创文章,未经博主允许不得转载。

js闭包的理解以及闭包中this的理解

javascript 闭包、this 2016-01-25 js pl 闭包其实很好理解,但是由于经常把this和闭包绑在一起,从而加大了理解的难度,如果将他们分开考虑,那就清晰多...
  • u010585120
  • u010585120
  • 2016年07月27日 16:59
  • 4135

深入理解js 闭包

要理解闭包,首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种:全局变量和局部变量。 Javascript语言的特殊之处,就在于函数内部可以直接读取全局变量。 Js代码  v...
  • java_goodstudy
  • java_goodstudy
  • 2016年07月20日 17:53
  • 2612

浅谈对闭包的理解

一、什么是闭包 官方解释:所谓“闭包”,指的是一个拥有许多变量和绑定了这些变量的环境的表达式(通常是一个函数),因而这些变量也是该表达式的一部分。咋一看,这句话晦涩难懂,一脸懵逼。直接上代码...
  • gq_123
  • gq_123
  • 2016年12月15日 22:32
  • 649

用9种办法解决 JS 闭包经典面试题之 for 循环取 i

闭包 正确的说,应该是指一个闭包域,每当声明了一个函数,它就产生了一个闭包域(可以解释为每个函数都有自己的函数栈),每个闭包域(Function 对象)都有一个 function scope...
  • u013243347
  • u013243347
  • 2016年08月06日 10:11
  • 2143

javascript理解之变量作用域与闭包

何为闭包闭包是指能够访问自由变量的函数 (变量在本地使用,但在闭包中定义)。换句话说,定义在闭包中的函数可以“记忆”它被创建时候的环境。函数作用域与声明提前var scope= "global sco...
  • sinat_25127047
  • sinat_25127047
  • 2016年06月12日 17:33
  • 1432

理解javascript闭包和C++闭包

http://www.jb51.net/article/24101.htm js闭包深入浅出 http://segmentfault.com/a/1190000000652891 js闭包实例...
  • u012234115
  • u012234115
  • 2015年09月20日 18:00
  • 1132

Js闭包中变量理解

闭包中的变量
  • kellncy
  • kellncy
  • 2016年12月24日 03:40
  • 418

谈谈我对闭包知识的深刻理解

在javascript中闭包应该是最难理解的一部分内容。在我看来闭包就是和作用域之间的联系。 1、首先我们来了解一下javascript中的作用域知识。 javascript中的作用域其实就指...
  • z5234032
  • z5234032
  • 2016年09月19日 17:59
  • 1632

JavaScript原型、闭包、继承和原型链等等总结

几年之前学习过Javascript,当时学得比较浅显,现在又开始学了,发现Javascript其实挺难的,有些地方还是得花时间去理解的,于是看了很多的视频和博客,自己在这里小小的总结下。。。 1.一切...
  • Ocean111best
  • Ocean111best
  • 2016年09月17日 21:10
  • 2064

深入理解javascript原型和闭包

原文链接:http://www.cnblogs.com/wangfupeng1988/p/3977924.html 深入理解javascript原型和闭包(1)——一切都是对象 深入理解javas...
  • liliiii
  • liliiii
  • 2015年09月20日 10:54
  • 5143
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js 闭包的理解
举报原因:
原因补充:

(最多只允许输入30个字)