久久久久无码精品,四川省少妇一级毛片,老老熟妇xxxxhd,人妻无码少妇一区二区

正確理解Javascript閉包

時(shí)間:2024-06-15 21:46:16 JavaScript 我要投稿
  • 相關(guān)推薦

正確理解Javascript閉包

  正確理解Javascript閉包

  閉包是ECMAScript一個(gè)很重要的特征,但是卻很難用合適的定義來(lái)描述它。雖然閉包很難清晰地描述,但是,卻很容易創(chuàng)建,或者說(shuō),不小心創(chuàng)建。然而,閉包的存在其實(shí)是有一定的潛在問(wèn)題的。為了避免“不小心”地創(chuàng)建閉包,以及更好地利用閉包的優(yōu)點(diǎn),有必要理解閉包的機(jī)制。

  閉包的定義

  關(guān)于閉包,有太多的定義,特別是有一些定義非常抽象,象這個(gè):

  A "closure" is an expression (typically a function) that can have free variables together with an environment that binds those variables.

  大致是說(shuō)閉包是一個(gè)表達(dá)式,擁有一些自由變量及綁定這些變量的執(zhí)行環(huán)境。這種定義太書面化,反而難以理解。

  還有另一個(gè)定義:

  所有函數(shù)都是閉包。這個(gè)定義給我很大的迷惑,換句話說(shuō),由于Javascript沒(méi)有塊級(jí)作用域,因此閉包一般指的是函數(shù)(想不出除了函數(shù)以外還有哪些方式可以構(gòu)成閉包)。

  這里不想太多討論函數(shù)與閉包的關(guān)系,下面給出我認(rèn)為比較容易理解的定義吧。

  首先,閉包的存在是基于作用域鏈。由于作用域鏈的機(jī)制,所有函數(shù)(即使全局函數(shù))都能引用上下文執(zhí)行環(huán)境中的變量(即free variables)。

  其次,閉包內(nèi)部必須有free variables。順便說(shuō)下兩種變量1. Local variables (bound variables) 2. Non-local variables (free variables)

  最后,在其上下文環(huán)境結(jié)束后仍然存在。即內(nèi)部函數(shù)擁有比它的外部函數(shù)更長(zhǎng)的生命周期。

  關(guān)于閉包定義的解析

  關(guān)于閉包定義的兩點(diǎn),一直在考慮是不是必須同時(shí)滿足。

  首先,如果閉包內(nèi)部沒(méi)有free variables,即是說(shuō)它沒(méi)有訪問(wèn)外部的變量,那么就失去了閉包的意義。(除非通過(guò)其他閉包改變了行為)因此,我認(rèn)為free variables是必要條件。

  其次,如果函數(shù)內(nèi)部存在free variables,但是當(dāng)其上下文環(huán)境銷毀后,它也跟著銷毀?梢韵胂髢(nèi)部函數(shù),雖然訪問(wèn)了其外部函數(shù)變量,但是當(dāng)外部函數(shù)執(zhí)行完后也隨之回收。這種情況下,閉包的討論也沒(méi)有意義。

  來(lái)看兩個(gè)例子:

  復(fù)制代碼 代碼如下:

  var objectA = (function() {

  var localA = "localA";

  innerFn();

  // 單純的內(nèi)部函數(shù)調(diào)用

  function innerFn() {

  localA = "innerChange";

  }

  return {

  getLocalA : function() {

  return "empty";

  }

  };

  })();

  objectA.getLocalA();

  objectA.getLocalA = function() {

  return localA;

  };

  //console.log(objectA.getLocalA()); //error: localA is not defined

  var objectB = (function() {

  var localB = "localB";

  return {

  getLocalB : function() {

  return "empty";

  },

  updateGetLocalB : function() {

  this.getLocalB = function() {

  return localB;

  };

  },

  updateLocalB : function() {

  localB = "changeLocalB";

  }

  };

  })();

  console.log(objectB.getLocalB()); // empty

  // 通過(guò)其他閉包改變

  objectB.updateGetLocalB();

  console.log(objectB.getLocalB()); // localB

  objectB.updateLocalB();

  console.log(objectB.getLocalB()); // changeLocalB

  閉包的優(yōu)點(diǎn)和缺點(diǎn)

  閉包的優(yōu)點(diǎn)是閉包內(nèi)部可以訪問(wèn)到定義它們的外部函數(shù)的參數(shù)和變量(除了this和arguments)。

  閉包主要的問(wèn)題便是它會(huì)保存包含它的函數(shù)的作用域,因此比一般函數(shù)占用更多的內(nèi)存空間,因此不宜過(guò)度使用閉包。

  閉包的應(yīng)用

  閉包最基本的應(yīng)用場(chǎng)景便是通過(guò)保護(hù)內(nèi)部變量從而實(shí)現(xiàn)私有,比如模塊模式。

  

【正確理解Javascript閉包】相關(guān)文章:

javascript的閉包概念怎么理解06-15

javascript閉包的定義及應(yīng)用實(shí)例分析08-25

Javascript 閉包引起IE內(nèi)存泄露分析07-05

對(duì)javascript的理解08-08

常用的JavaScript模式09-22

Javascript的this用法簡(jiǎn)述08-15

JavaScript學(xué)習(xí)筆記08-24

JavaScript 基礎(chǔ)教學(xué)09-29

JavaScript的課堂講解09-03

JavaScript常用方法匯總10-25