博客
关于我
js 闭包(新)
阅读量:402 次
发布时间:2019-03-06

本文共 1733 字,大约阅读时间需要 5 分钟。

前言

旧的没有搬过来,先写一下新的感悟。

正文

ECMAScript中,闭包指的是:从理论角度:所有的函数。因为它们都在创建的时候就将上层上下文的数据保存起来了。哪怕是简单的全局变量也是如此,因为函数中访问全局变量就相当于是在访问自由变量,这个时候使用最外层的作用域。从实践角度:以下函数才算是闭包:      1.即使创建它的上下文已经销毁,它仍然存在(比如,内部函数从父函数中返回)      2.在代码中引用了自由变量

什么是自由变量:

自由变量是指在函数中使用的,但既不是函数参数也不是函数的局部变量的变量。

那么我们现在只考虑实践角度,第二点很好满足,第一点有一丢丢难呢。

先看下闭包:

function checkscope(){    var scope = "local scope";    function f(){        return scope;    }    return f;}var foo = checkscope();foo();

按照我的上一篇js的上下文。

理论上scope 是访问不到var scope = "local scope";的。

我在这里简单的分析一下,详细可以去看我的。

首先得到全局上下文,进入栈中。

然后checkscope 上下文进入栈。

当执行完毕,checkscope 上下文出栈了。

问题就在这里,既然上下文出栈了,那么应该f这个函数执行的时候,就应该访问不到checkscope 的上下文了,垃圾就会回收checkscope 的上下文。

这个问题就出现了。

但是你没有有听说过闭包造成内存问题?

问题就出再f创建的时候,会扫码他所在环境的上下文,如果引用了上下文的作用链对象,那么会保留上下文。

function a(){	var x=1;	var c= function b()	{	   return function (){		   return x;	   }	}	return function()	{		return c;	}}

console.log(a()()()());

只要是作用链上的都会保留到,返回结果为1。

var data = [];for (var i = 0; i < 3; i++) {  data[i] = function () {    console.log(i);  };}data[0]();data[1]();data[2]();

为何其会返回都是3?

按照上下文理解,那么是:

在执行匿名函数的时候,上下文栈中只剩下全局上下文,访问的就只有去全局的。

那么可以这样写:

var data = [];for (var i = 0; i < 3; i++) {  data[i] = (function (i) {        return function(){            console.log(i);        }  })(i);}data[0]();data[1]();data[2]();

关键部分在这个i:

(function (i) {        return function(){            console.log(i);        }  })(i);

这样i,相当于这样的。

(function (i) {        var i=i;        return function(){            console.log(i);        }  })(i);

这就是说这个i和循环中的i没有半毛钱关系,因为其不是引用对象。

下面我写了一个引用对象的:

var data=[];var args={i:0};for (var i = 0; i < 3; i++) {	args.i=i;	data[i] = (function (args) {		return function () {			console.log(args.i);		}	})(args);}data[0]();data[1]();data[2]();

这样的闭包不仅没有效果,而且还出内存问题。

转载地址:http://dnskz.baihongyu.com/

你可能感兴趣的文章
Bitcoin区块链攻击方式
查看>>
.NetCore外国一些高质量博客分享
查看>>
Mysql的基本操作(一)增、删、改
查看>>
解决WebRTC中不同的浏览器之间适配的问题
查看>>
python中while循环和for循环的定义和详细的使用方法
查看>>
HTML5 之拖放(drag与drop)
查看>>
软件项目技术点(2)——Canvas之坐标系转换
查看>>
深入理解JavaScript函数
查看>>
!function(){}()
查看>>
【spring源码系列】之【xml解析】
查看>>
用了这个jupyter插件,我已经半个月没打开过excel了
查看>>
(在模仿中精进数据可视化07)星球研究所大坝分布可视化
查看>>
(数据科学学习手札112)Python+Dash快速web应用开发——表单控件篇(上)
查看>>
(数据科学学习手札02)Python与R在循环语句与条件语句上的异同
查看>>
(数据科学学习手札06)Python在数据框操作上的总结(初级篇)
查看>>
(数据科学学习手札23)决策树分类原理详解&Python与R实现
查看>>
(数据科学学习手札27)sklearn数据集分割方法汇总
查看>>
(数据科学学习手札40)tensorflow实现LSTM时间序列预测
查看>>
[整理] 哪些集合类是线程安全的?(Java)
查看>>
[整理] UML的各种图总结
查看>>