David Yu Blog

無關鍵字賦值? | 整理無關鍵字、let、var的不同

JavaScript
Word count: 328Reading time: 1 min
2022/03/30

var是全域變數宣告?

這句可能你覺得很對的一句話，實際上是個的錯誤…

無關鍵字賦值、var 宣告、let 宣告最大的差別在於生存區域的不同。無關鍵字賦值意味著全域變數的宣告，當然你在全域範圍使用 var/let 宣告也是全域的。

原文網址:

https://tw.alphacamp.co/blog/javascript-var-let-const

裏頭有相當多詳細觀念

整理:

  1. 無關鍵字賦值: 意味著全域變數的宣告

    1
    2
    3
    4
    5
    6
    7
    function printG(){
      g = 1
      console.log(`printG: `, g)
    }

    printG() // => printG: 1
    console.log(`Global G:`, g) // => Global G: 1

  2. var宣告: 其生存範圍存在於函數內

    1
    2
    3
    4
    5
    6
    7
    8
    9
    10
    11
    function printV1(){
      var v = 2
      console.log(`printV1:`, v)
    }

    printV1() // => pritnV1: 2
    try{
      console.log(v)// error  
    } catch {
      console.log('not find v');
    }

  3. let宣告: 變數是屬於區塊的(block)

提升(Hoisting)

JavaScript 僅提升宣告的部分，而不是初始化。如果在使用該變數後才宣告和初始化，那麼該值將是 undefined。

下面code我一開始看以為是輸出

9

2

但因為提升的關係，JS在執行printV0函式時，會優先將v1變數放入記憶體，但尚未初始化，所以第一個會log出undefined。

1
2
3
4
5
6
7
8
9
var v1 = 9

function printV0(){
  console.log(`printV2:`, v1) // undefined
  var v1 = 2
  console.log(`printV2:`, v1) // 2
}

printV0()
CATALOG
  1. 1. 提升(Hoisting)
Total : 44
2025
2024
2023
2022
資安 瀏覽器 Cookie App Scan SRI Data URI LeetCode Algorithm JavaScript DOM Dijkstra Floyd warshall 最短路徑 BugFix encoded Node.js 套件 Vue Linux Build Promise Strapi Google App Engine GCP Deploy to Cloud Cloudinary TypeScript Markdown Github Pages 源碼 升級紀錄 Vite i18n XML XSS 前端 Web XOR Topological Sort utterances
資安 Web Algorithm JavaScript Node.js Linux Strapi Vue TypeScript Vite i18n LeetCode