Temporal Dead Zone

Assalom alaykum, bugun Javascriptda eng confusing bo'lgan mavzulardan biri "Temporal Dead Zone" ya'ni "Vaqtinchalik O'lik hudud" haqida gaplashamiz.

LET tipidagi o'zgaruvchilarni e'lon qilingan qatordan yuqori qatorlarda o'qish yoki chop etish mumkin emas. Agar boshlang'ich qiymat berilmagan bo'lsa, o'zgaruvchi undefined qiymat bilan ishga tushiriladi.LET tipidagi o'zgaruvchilarni e'lon qilishdan oldin chop etish ReferanceError'ga olib keladi.(VAR tipidagi o'zgaruvchilar esa bunday emas, VAR tipidagi o'zgaruvchilarni e'lon qilishdan avval console'ga chop etsangiz, undefined qiymatini qaytaradi).

{ // TDZ ning boshlanishi
  console.log(name); // undefined chunki var o'zgaruvchi
  console.log(bestChanel); // ReferenceError chunki bu let
  var name = "Davron";
  let bestChanel = 2; // bestChanel o'zgaruvchisi uchun TDZ ni tugashi
}

"Temporal" atamasi qo'llanilishini sababi zona kodni yozish tartibiga (pozitsiyaga) emas, balki bajarish tartibiga (vaqt) bog'liq.Ya'ni quyidagi kod hech qanday error'larsiz ishga tushadi chunki LET o'zgaruvchisidan foydalanadigan funksiya o'zgaruvchi e'lon qilinishidan oldin yaratilgan bo'lsa ham, funktsiya TDZ dan tashqarida chaqiriladi/ishga tushiriladi.

{
    // TDZ shu yerda boshlanadi
    const func = () => console.log(raqam); // OK

    // bu joy DTZ va raqam `ReferenceError` qaytaradi

    let raqam = 3; // raqam uchun DTZ ni tugashi
    func(); //  TDZ dan tashqarida chaqirilyapti!

}

TDZ va typeof

TDZ'dagi LET o'zgaruvchisi uchun typeof operatoridan foydalanish ReferenceError' ga olib keladi :

// 'ReferenceError' chiqaradi
console.log(typeof i);
let i = 10;