成人国产在线小视频_日韩寡妇人妻调教在线播放_色成人www永久在线观看_2018国产精品久久_亚洲欧美高清在线30p_亚洲少妇综合一区_黄色在线播放国产_亚洲另类技巧小说校园_国产主播xx日韩_a级毛片在线免费

資訊專欄INFORMATION COLUMN

js作用域

wmui / 1537人閱讀

摘要：詞法作用域定義與查找詞法作用域就是定義在詞法階段的作用域，簡單來說詞法作用域是由你在寫代碼時將變量和塊作用域?qū)懺谀睦飦頉Q定的，因此大部分情況下當詞法分析器處理代碼時會保持作用域不變此例中一共由三個逐級嵌套的作用域包含這整個全劇作用域，其中只

詞法作用域 定義與查找

詞法作用域就是定義在詞法階段的作用域，簡單來說詞法作用域是由你在寫代碼時將變量和塊作用域?qū)懺谀睦飦頉Q定的，因此大部分情況下當詞法分析器處理代碼時會保持作用域不變

function foo(a) {
  var b = a * 2;
  function bar(c) {
    console.log(a, b, c)
  }
  bar(b * 3)
}
foo(2) // 2, 4, 12

此例中一共由三個逐級嵌套的作用域：

包含這整個全劇作用域，其中只有一個標識符：foo

包含著foo所創(chuàng)建的作用域，其中有三個標識符：a、bar和b

包含著bar所創(chuàng)建的作用，其中只有一個標識符：c

作用域查找過程

當引擎執(zhí)行console.log(a, b, c)聲明時，它首先會從最內(nèi)層的bar()函數(shù)作用域開始查找，在這里找到了c

因為無法找到a和b，因此會到再上一層的foo()作用域去查找

作用域查找會在找到第一個匹配的標識符時停止
無論函數(shù)在哪里被調(diào)用，也無論它如何被調(diào)用，它的詞法作用域都只由函數(shù)被聲明時所處的位置決定

函數(shù)作用域

函數(shù)作用域指的是屬于這個函數(shù)的全部變量都可以在整個函數(shù)的范圍內(nèi)使用及復(fù)用，包括嵌套的作用域，這種設(shè)計方案非常有用。

隱藏內(nèi)部實現(xiàn)

在軟件設(shè)計中，應(yīng)該最小限度地暴露必要內(nèi)容，而將其他內(nèi)容都隱藏起來，這個原則在如何在如何選擇作用域來包含變量和函數(shù)也同樣適用，例如：

var b;
function one(a) {
  b = a + another(a)
  console.log(b)
}
function another(a) {
  return a*2
}

one(2) // 6

在這段代碼中，給予外部函數(shù)b和another訪問權(quán)限不僅沒有必要，而且可能會被以非預(yù)期的方式使用，因此更加合理的設(shè)計會將這些內(nèi)容隱藏在one()內(nèi)部，例如：

function one(a) {
  function another(a) {
    return a*2
  }
  var b
  b = a + another(a)
  console.log(b)
}
one(2) //6

這樣設(shè)計b和another()都無法從外部被訪問，功能和最終效果都沒有受影響，但是設(shè)計上將具體內(nèi)容私有畫

立即執(zhí)行行數(shù)表達式

通過前面的介紹已經(jīng)知道，在任意代碼片段外部添加包裝函數(shù)，可以將內(nèi)部變量和函數(shù)定義隱藏起來，外部作用域無法訪問包裝函數(shù)內(nèi)部的任何內(nèi)容。例如：

var a = 0
function ex() {
  var a = 1
  console.log(a) // 1
}
ex();
console.log(a)// 0

雖然這樣可以解決一部分問題，但是并不理想，會將ex這個變量污染全局作用域，并且需要調(diào)用才能運行其中的代碼，javascript提供了解決問題的方案：立即執(zhí)行函數(shù)表達式(IIFE)

var a = 0;
(function () {
  var a = 1
  console.log(a) //1
})();
console.log(a) //0

此時就不會有函數(shù)名泄漏到全局作用域，并且會自動執(zhí)行，同時外部的作用域也無法直接訪問立即執(zhí)行函數(shù)內(nèi)的變量

塊作用域

事實上javascript在ES6之前并沒有塊作用域的概念，但是其他很多編程語言都支持塊作用域，ES6之前javascript循環(huán)：

for (var i=0; i<3; i++) {
  console.log(i) //0, 1, 2
}
console.log(i) //3

雖然我們的代碼看起來i只會在for循環(huán)內(nèi)部使用，但是很不幸，i會被泄漏到全局的作用域中，污染全局作用域，即使這并是我們本意，但是在ES6改變了現(xiàn)狀，引入了新的let關(guān)鍵字，提供了除var以外的另一種變量聲明方式，let可以將變量綁定到所在的任意作用域中，即為其聲明的變量隱式地劫持了所在的作用域

for (let i=0; i<3; i++) {
  console.log(i) //0, 1, 2
}
console.log(i) // i is not defined

以上內(nèi)容是個人的一點總結(jié)，如果有錯誤或不嚴謹?shù)牡胤?，歡迎批評指正，如果喜歡，歡迎點贊收藏

文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/91869.html

相關(guān)文章

  • js閉包的本質(zhì)

    摘要：也正因為這個閉包的特性，閉包函數(shù)可以讓父函數(shù)的數(shù)據(jù)一直駐留在內(nèi)存中保存，從而這也是后來模塊化的基礎(chǔ)。只有閉包函數(shù)，可以讓它的父函數(shù)作用域永恒，像全局作用域，一直在內(nèi)存中存在。的本質(zhì)就是如此，每個模塊文件就是一個大閉包。 為什么會有閉包 js之所以會有閉包，是因為js不同于其他規(guī)范的語言，js允許一個函數(shù)中再嵌套子函數(shù)，正是因為這種允許函數(shù)嵌套，導(dǎo)致js出現(xiàn)了所謂閉包。 function...

    qianfeng 評論0 收藏0

  • JavaScript之變量及作用域

    摘要：所以的作用域是靜態(tài)作用域，也叫詞法作用域。總結(jié)是一門基于詞法作用域靜態(tài)作用域的語言，會沿著作用域鏈像氣泡一樣向外部尋找變量聲明。又是函數(shù)作用域的語言，在中，使用和關(guān)鍵字后，能讓變量處于塊作用域中，而且不存在聲明提升。 本文共 1700 字，讀完只需 7 分鐘 概述 變量，編程語言中我們用來模擬現(xiàn)實概念的工具，比方說，變量可以表示對象，數(shù)組，數(shù)字，字符。既然是工具，那么就用工具的適用范圍...

    Faremax 評論0 收藏0

  • Js基礎(chǔ)知識（三） - 作用域與閉包

    摘要：是詞法作用域工作模式。使用可以將變量綁定在所在的任意作用域中通常是內(nèi)部，也就是說為其聲明的變量隱式的劫持了所在的塊級作用域。 作用域與閉包 如何用js創(chuàng)建10個button標簽，點擊每個按鈕時打印按鈕對應(yīng)的序號？ 看到上述問題，如果你能看出來這個問題實質(zhì)上是考對作用域的理解，那么恭喜你，這篇文章你可以不用看了，說明你對作用域已經(jīng)理解的很透徹了，但是如果你看不出來這是一道考作用域的題目，...

    lemanli 評論0 收藏0

  • Js基礎(chǔ)知識（三） - 作用域與閉包

    摘要：是詞法作用域工作模式。使用可以將變量綁定在所在的任意作用域中通常是內(nèi)部，也就是說為其聲明的變量隱式的劫持了所在的塊級作用域。 作用域與閉包 如何用js創(chuàng)建10個button標簽，點擊每個按鈕時打印按鈕對應(yīng)的序號？ 看到上述問題，如果你能看出來這個問題實質(zhì)上是考對作用域的理解，那么恭喜你，這篇文章你可以不用看了，說明你對作用域已經(jīng)理解的很透徹了，但是如果你看不出來這是一道考作用域的題目，...

    XFLY 評論0 收藏0

  • Js基礎(chǔ)知識（三） - 作用域與閉包

    摘要：是詞法作用域工作模式。使用可以將變量綁定在所在的任意作用域中通常是內(nèi)部，也就是說為其聲明的變量隱式的劫持了所在的塊級作用域。 作用域與閉包 如何用js創(chuàng)建10個button標簽，點擊每個按鈕時打印按鈕對應(yīng)的序號？ 看到上述問題，如果你能看出來這個問題實質(zhì)上是考對作用域的理解，那么恭喜你，這篇文章你可以不用看了，說明你對作用域已經(jīng)理解的很透徹了，但是如果你看不出來這是一道考作用域的題目，...

    tanglijun 評論0 收藏0

發(fā)表評論

0條評論

最新活動
閱讀需要支付1元查看
<