javascript 闭包

如果没有实战经验，你很难从定义去理解它

最简单最原始的闭包demo

javascript 代码

代码语言：javascript复制

function A() {
 function B() {
  console.log("Hello");
 }
 return B;
}

var c = A();

c(); // Hello

在A中返回B的引用 如果一个对象不再被引用，那么这个对象就会被GC回收，否则这个对象一直会保存在内存中。

代码语言：javascript复制

function A() {
 var count = 0;
 function B() {
  count   ;
  console.log(count);
 }
 return B;
}
var c = A();
c(); // 1
c(); // 2

A中的count一直保存在内存中

一个简单的demo组件：

代码语言：javascript复制

(function(document) {
 var viewport;
 var obj = {
  init: function(id) {
   viewport = document.querySelector("#"   id);
  },
  addChild: function(child) {
   viewport.appendChild(child);
 },
 removeChild: function(child) {
  viewprot.removeChild(child);
 }
 }
 window.jView = obj;
})(document);

代码语言：javascript复制

var f = function(document) {
 var viewport;
 var obj = {
  init: function(id) {
   viewport = document.querySelector("#" id);
  },
  addChild: function(child) {
  viewport.appendChild(child);
  },
  removeChild: function(child) {
  viewport.removeChild(child);
  }
 }
 window.jView = obj;
};
f(document);

JS的执行环境(execution context)、活动对象(activation object)以及作用域(scope)和作用域链(scope chain)的运行机制

---

javascript count execution object scope

0 人点赞