首先呢，必须搞清楚闭包这个概念：闭包其实是一个特殊的对象，他由两部分组成，一个是执行上下文（代号A），以及在该执行上下文中创建的函数（代号B），当B执行时，如果访问了A中变量对象的变量，那么闭包就产生了。

下面这个例子会产生闭包

function add(x) { return function _add(y){ return x + y }}var sum = add(2)(3)

上面这个例子毫无疑问肯定是 5
那么使用chrome浏览器单步调试一下

将断点打到 var sum = add(2)(3) 这里

• Brealpoints 表示当前打的断点是什么
• CallStack 表示当前函数调用栈
• Scope 表示当前作用域
  Scope 里面的 Local 表示当前活动对象
  Scope 里面的 Closure 表示闭包

图上一直点击红色箭头所指按钮表示单点调试，代码一步一步执行，等执行到return那里的时候，右侧 Scope 里会多出一个 Closure 属性，
括号内的add表示当前闭包函数是add，闭包产生的值是 x = 2

有时候调试会发现没有这个 Closure 属性，例如下面这个例子

const obj = { name: '我是需要被绑定改变this指向的对象' }function fn() Function.prototype.bind = function (sbbbbb) { const bind = Symbol(); sbbbbb[bind] = this return function () { sbbbbb[bind](); }}fn.bind(obj);

这个例子是 bind 改变 this 指向的实现方式，将断点打向 fn.bind(obj) 接着看动态图

在动画的过程中，当走到 sbbbbb[bind]() 的时候，Local 里面会多出一个 Return value: ƒ () 的属性，展开这个属性，会发现有个 [[Scopes]] 的属性，接着展开 [[Scopes]]，里面有个 Closure (Function.bind) {sbbbbb: {…}, bind: Symbol()} 就表示当前产生的闭包