javascript 闭包

达达前端

发布于 2019-07-15 03:04:50

43900

代码可运行

文章被收录于专栏：达达前端达达前端

运行总次数：0

代码可运行

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

最简单最原始的闭包demo

javascript 代码

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

var c = A();

c(); // Hello

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

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

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

一个简单的demo组件：

(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);

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);