前端小知识点(6)：听了好多闭包，这次可能最懂

一、作用域和作用域链

二、闭包

三、无意间共享环境[可以通过闭包解决]

代码一

结果一

代码二

结果二

代码三

结果三

一、作用域和作用域链

当函数声明的时候，函数会通过内部属性[scope]来记录创建范围

二、闭包

什么是闭包：闭包是一个函数加上到创建函数的作用域的连接，闭包“关闭”了函数的自由变量。

第一句话（得到的理解）：2个函数，2个函数作用域[scope]还要连接上;
第二句话（得到的理解）：关闭函数的变量自由：它暂时不会销毁;

三、无意间共享环境[可以通过闭包解决]

代码一

var str = '123';function fn(){var str = '456';console.log( str );
}fn();

结果一

代码二

function fun(n){return function(m){n+=m;return n;} }//第一步
var f = fun(5);
//第二步console.log(  f(1)  );console.log(  f(1)  );console.log(  f(1)  );

结果二

代码三

var lis = document.getElementsByTagName('li');for(var i=0;i<lis.length;i++){(function(){var idx = i;lis[i].onclick = function(){console.log(idx);}})();}

结果三

前端小知识点(6)：听了好多闭包，这次可能最懂相关推荐

前端小知识点(4)：JS 运行机制和存储
目录被忽视的内存管理 JS工作原理 JS代码如何运行 JavaScript内存的生命周期栈内存.堆内存代码案例运行结果被忽视的内存管理 JavaScript不像C.C++等语言--程序员必须 ...
前端小知识点(10)：原型链
目录原型链 : 代码1 运行结果1 代码二运行结果2 原型链 : 每一个对象都有一个原型(__proto__),这个原型还可以拥有自己的原型,形成最终的原型链. 查找一个对象特定的属性或者方法,我 ...
前端小知识点(9)：函数和对象之间的关系
目录函数与对象之间的关系代码演示运行结果函数与对象之间的关系函数有什么 : 函数也是对象函数有:prototype 对象有什么对象:__proto__ 原型对象里面 ...
前端小知识点(8)：作者为什么设计原型
目录一.从古代说起二.Brendan Eich的选择三.new运算符的缺点四.prototype属性的引入五.总结六代码部分一.从古代说起要理解Javascript的设计思想,必须从它 ...
前端小知识点(7)：正则前瞻
目录一.js中的正则表达式,只有前瞻没有后顾正向前瞻:(?=) ===>匹配符合的代码1 结果1 代码2 结果2 一.js中的正则表达式,只有前瞻没有后顾 ...
前端小知识点(3)：JavaScript 单线程
目录一.为什么 JavaScript 是单线程? 二.JavaScript是单线程,怎样执行异步的代码? 三.事件循环机制四.代码1 五.结果1 六.代码2 七.结果2 一.为什么 JavaScr ...
前端小知识点(2)：普通字符串和new String有什么区别
目录一.其实不仅字符串二.那么到底为什么? 三.代码案例四.运行结果一.其实不仅字符串 var str = 'abc'; typeof str ===> string //他不是对象,可 ...
前端小知识点(1)：undefined和null区别
目录一.奇怪点二.历史原因三.具体区别四.代码演示五.运行结果一.奇怪点有点奇怪的是,JavaScript语言居然有两个表示"无"的值:undefined和null. ...
【转载】前端小知识点---html换行被解析为空格的相关知识
html换行被解析为空格也是常说的3像素空隙的问题,根据测试不同浏览器产生的空隙大小会不一样,Chrome,Firefox,IE8+都存在这样的问题,这个问题的原因相比大家都知道,浏览器把换行解析成了 ...

前端小知识点(6)：听了好多闭包，这次可能最懂

一、作用域和作用域链

二、闭包

三、无意间共享环境[可以通过闭包解决]

代码一

结果一

代码二

结果二

代码三

结果三

前端小知识点(6)：听了好多闭包，这次可能最懂相关推荐

最新文章

热门文章