是用let或const声明的变量

引用ECMAScript 6（ECMAScript2015）规范的let和const声明部分，

变量是在实例化其包含的词法环境时创建的，但在评估变量的词法绑定之前，不能以任何方式访问。

因此，为了回答您的问题，是的，let和const会提升，但在运行时评估实际声明之前，您无法访问它们。

ES6引入了Let变量，该变量产生了block level scoping。在ES5之前，我们没有block level scoping，所以在块内声明的变量对于函数级作用域总是hoisted。

基本上，Scope指的是您的变量在程序中的可见位置，它决定了您可以在哪里使用您声明的变量。在ES5中，我们有global scope,function scope and try/catch scope，在ES6中，我们还使用Let获得块级范围。

• 当您用var关键字定义一个变量时，从定义它的那一刻起，它就知道了整个函数

• 当您用let语句定义一个变量时，它只在定义的块中是已知的。

   function doSomething(arr){
       //i is known here but undefined
       //j is not known here
       console.log(i);
       console.log(j);
       for(var i=0; i<arr.length; i++){
           //i is known here
       }
       //i is known here
       //j is not known here
       console.log(i);
       console.log(j);
       for(let j=0; j<arr.length; j++){
           //j is known here
       }
       //i is known here
       //j is not known here
       console.log(i);
       console.log(j);
   }
   doSomething(["Thalaivar", "Vinoth", "Kabali", "Dinesh"]);
  

如果您运行该代码，您可以看到变量j仅在loop中已知，而在之前和之后都不知道。然而，我们的变量i从被定义的那一刻起就在entire function中已知。

使用let还有另一个很大的优势，因为它创建了一个新的词汇环境，还绑定了新的值，而不是保留旧的引用

for(var i=1; i<6; i++){
   setTimeout(function(){
      console.log(i);
   },1000)
}
for(let i=1; i<6; i++){
   setTimeout(function(){
      console.log(i);
   },1000)
}

第一个for循环总是打印最后一个值，使用let，它会创建一个新的范围并绑定新的值，打印我们的1, 2, 3, 4, 5。

到了constants，它的工作原理基本上和let一样，唯一的区别是它们的值不能改变。在常量中，允许突变，但不允许重新分配

const foo = {};
foo.bar = 42;
console.log(foo.bar); //works
const name = []
name.push("Vinoth");
console.log(name); //works
const age = 100;
age = 20; //Throws Uncaught TypeError: Assignment to constant variable.
console.log(age);

如果一个常量引用object，它将始终引用object，但object本身可以更改（如果它是可变的）。如果您想要一个不可变的object，您可以使用Object.freeze([])

根据ECMAScript®2021

Let和Const声明

• let和const声明定义了作用域为正在运行的执行上下文的LexicalEnvironment的变量
• 变量是在实例化其包含的环境记录时创建的，但在评估变量的LexicalBinding之前，可能无法以任何方式访问这些变量
• 当评估LexicalBinding时，由具有Initializer的Lexicalbind定义的变量将被分配其Initializer赋值表达式的值，而不是在创建变量时被分配
• 如果let声明中的LexicalBinding没有Initializer，则在评估Lexicalbind时会为变量分配未定义的值

块声明实例化

• 当评估块或CaseBlock时，将创建一个新的声明性环境记录，并在环境记录中实例化块中声明的每个块范围的变量、常量、函数或类的绑定
• 无论控件如何离开块，LexicalEnvironment都将始终恢复到以前的状态

顶级词汇声明名称

在函数或脚本的顶层，函数声明被视为var声明，而不是词法声明。

结论

• let和const被提升但未初始化。

  在变量声明之前引用块中的变量会导致ReferenceError；时间死区"从块开始直到处理声明为止。

下面的例子清楚地说明了"；设"；变量在词法作用域/嵌套词法作用域中表现。

示例1

var a;
console.log(a); //undefined
console.log(b); //undefined
var b;

let x;
console.log(x); //undefined
console.log(y); // Uncaught ReferenceError: y is not defined
let y; 

变量"y"给出了一个referenceError，这并不意味着它没有被提升。该变量是在实例化包含环境时创建的。但是它可能无法访问，因为它处于不可访问的"状态"；时间死区"；。

示例2

let mylet = 'my value';
 
(function() {
  //let mylet;
  console.log(mylet); // "my value"
  mylet = 'local value';
})();

示例3

let mylet = 'my value';
 
(function() {
  let mylet;   
  console.log(mylet); // undefined
  mylet = 'local value';
})();

在实施例3中；聚酯薄膜"；函数内部的变量在log语句之前没有Initializer，因此值"；未定义"；。

来源

ECMAMDN

来自MDN web文档：

在ECMAScript 2015中，let和const被提升但未初始化。在变量声明之前引用块中的变量会导致ReferenceError，因为从块开始到处理声明，变量都处于"时间死区"中。

console.log(x); // ReferenceError
let x = 3;

在es6中，当我们使用let或const时，我们必须在使用它们之前声明变量。例如1-

// this will work
u = 10;
var u;
// this will give an error 
k = 10;
let k;  // ReferenceError: Cannot access 'k' before initialization.

例如。2-

// this code works as variable j is declared before it is used.
function doSmth() {
j = 9;
}
let j;
doSmth();
console.log(j); // 9