為什麼您的變量消失：範圍難題的實用指南

變量由於範圍規則而消失 - 在哪裡聲明它們可以在哪裡訪問它們； 2。當省略var/let/const時，發生意外的全局創建，而嚴格模式通過拋出錯誤來阻止這種情況。 3.塊範圍混亂之所以出現，是因為VAR是功能範圍的，與塊分割不同的const不同。 4。功能範圍陷阱包括可變陰影和對嵌套功能變量的不當訪問； 5。異步問題發生時，當循環中的VAR引起封閉以共享相同的變量，使用let或封閉固定；始終使用LET或CONST聲明變量，使用嚴格的模式，並利用ESLINT（例如ESLINT）來捕獲與範圍相關的錯誤。

您寫幾行代碼，設置一個變量，然後突然消失了 - “未定義”，“找不到”，或者只是被默默地忽略。令人沮喪，對吧？這通常不是您的語言中的錯誤。這是工作的範圍。了解範圍- 存在並且可以訪問變量的地方 - 避免這些消失的行為的關鍵。

讓我們分解為什麼變量似乎消失了以及如何將它們保持在需要的位置。

什麼是范圍，為什麼重要？

範圍定義了代碼不同部分中變量的可見性。將其視為房屋中的房間：除非在共享空間中，否則在廚房中聲明的變量無法從廚房中看到。

主要類型有三種：

• 全局範圍：在任何功能或塊之外聲明的變量。它們到處都是可訪問的。
• 函數（本地）範圍：函數內部的變量。只有該功能才能看到它們。
• 塊範圍（例如，在JavaScript中let const ）：變量僅存在於{}塊中，例如if ， for ，for或plin {} 。

當您嘗試在其範圍之外訪問變量時，它不僅是隱藏的，而且可能不存在。

變量“消失”的常見方式

1。偶然的全球創造（或避免）

在JavaScript中，使用沒有var變量， let或const創建全局，即使您打算保持本地化。

功能badexample（）{
    x =“我現在是全球！”;
}
badexample（）;
console.log（x）; //“我現在是全球！” - 也許不是你想要的

但要扭轉這種情況： let var /在嚴格的模式下（ 'use strict' ）會引發錯誤。因此，您的變量不僅消失了 - 它會崩潰腳本。

✅修復：始終用let或const聲明變量。使用嚴格的模式儘早捕獲錯誤。

2。塊範圍混亂

許多人假設var ， let行為相同。他們沒有。

 if（true）{
    var a =“無處不在”；
    令B =“僅在此塊中”；
}
console.log（a）; //作品：“無處可見”
console.log（b）; //錯誤：b未定義

var是函數分配的，而不是塊填充。因此， a從if塊中洩漏。但是b （帶有let ）被限制。

✅修復：使用let and const進行塊級控制。知道var僅尊重功能邊界。

3。功能範圍陷阱

默認情況下，函數內部的變量是局部的。但是嵌套功能會引起混亂。

功能outer（）{
    讓Secret =“隱藏”;
    函數內（）{
        console.log（秘密）; //工作：內部可以看到外部變量
    }
    內（）;
}
外（）;
console.log（秘密）; //錯誤：這裡無法訪問

這是詞彙範圍- Inner函數可以訪問外部變量，但反之亦然。

但是，如果您忘記調用內部功能怎麼辦？還是重新列出變量？

功能outer（）{
    令x = 1;
    函數內（）{
        令x = 2; //這會陰影外部x
        console.log（x）; // 2
    }
    內（）;
    console.log（x）; // 1-原始不變
}

✅修復：請注意可變陰影。名稱變量清楚以避免混亂。

4。異步代碼和關閉問題

這是經典：帶回調的循環中的變量。

 for（var i = 0; i <3; i）{
    settimeout（（）=> console.log（i），100）;
}
//輸出：3、3、3-不是0、1、2！

為什麼？由於var沒有塊範圍，而且到setTimeout運行時，循環已經完成。 i是3。

但是將var更改為let ：

 （讓i = 0; i <3; i）{
    settimeout（（）=> console.log（i），100）;
}
//輸出：0、1、2-工作！

let為每次迭代創建一個新的綁定。

✅修復：使用帶有異步回調的let In循環。或與var粘在一起的閉合。

如何調試範圍問題

當變量似乎消失時：

• 檢查它的聲明位置- 在功能，塊還是全球範圍內？
• 查看錯誤消息- “未定義”意味著它永遠不存在； “未定義”是指它被宣布但未分配。
• 使用console.log或調試器- 逐步查看其出現或消失的位置。
• 避免全球污染- 太多的全球群體會使跟踪更加努力。

另外，請考慮：

• 默認情況下使用const ，在需要時let 。
• 保持功能較小，因此範圍更容易遵循。
• 啟用嚴格的模式並使用Linters（例如ESLINT）捕獲未宣布的變量。

底線

變量並沒有真正消失，它們從來沒有從範圍開始。規則不是任意的；它們保護您的代碼免受命名碰撞和意外行為。

了解您的語言的範圍規則，正確聲明變量，並註意使用它們的位置和方式。

基本上：正確聲明，在正確的房間中使用它。

以上是為什麼您的變量消失：範圍難題的實用指南的詳細內容。更多資訊請關注PHP中文網其他相關文章！