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

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

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

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

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

主要類型有三種：

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

當(dāng)您嘗試在其範(fàn)圍之外訪問變量時(shí)，它不僅是隱藏的，而且可能不存在。

變量“消失”的常見方式

1。偶然的全球創(chuàng)造（或避免）

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

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

但要扭轉(zhuǎn)這種情況： let var /在嚴(yán)格的模式下（ 'use strict' ）會(huì)引發(fā)錯(cuò)誤。因此，您的變量不僅消失了 - 它會(huì)崩潰腳本。

?修復(fù)：始終用let或const聲明變量。使用嚴(yán)格的模式儘早捕獲錯(cuò)誤。

2。塊範(fàn)圍混亂

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

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

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

?修復(fù)：使用let and const進(jìn)行塊級控制。知道var僅尊重功能邊界。

3。功能範(fàn)圍陷阱

默認(rèn)情況下，函數(shù)內(nèi)部的變量是局部的。但是嵌套功能會(huì)引起混亂。

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

這是詞彙範(fàn)圍- Inner函數(shù)可以訪問外部變量，但反之亦然。

但是，如果您忘記調(diào)用內(nèi)部功能怎麼辦？還是重新列出變量？

功能outer（）{
    令x = 1;
    函數(shù)內(nèi)（）{
        令x = 2; //這會(huì)陰影外部x
        console.log（x）; // 2
    }
    內(nèi)（）;
    console.log（x）; // 1-原始不變
}

?修復(fù)：請注意可變陰影。名稱變量清楚以避免混亂。

4。異步代碼和關(guān)閉問題

這是經(jīng)典：帶回調(diào)的循環(huán)中的變量。

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

為什麼？由於var沒有塊範(fàn)圍，而且到setTimeout運(yùn)行時(shí)，循環(huán)已經(jīng)完成。 i是3。

但是將var更改為let ：

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

let為每次迭代創(chuàng)建一個(gè)新的綁定。

?修復(fù)：使用帶有異步回調(diào)的let In循環(huán)?；蚺cvar粘在一起的閉合。

如何調(diào)試範(fàn)圍問題

當(dāng)變量似乎消失時(shí)：

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

另外，請考慮：

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

底線

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

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

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

以上是為什麼您的變量消失：範(fàn)圍難題的實(shí)用指南的詳細(xì)內(nèi)容。更多資訊請關(guān)注PHP中文網(wǎng)其他相關(guān)文章！