Когда вы объявляете переменную с ключевым словом var, она объявляется глобально, если не внутри функции, и локально, если объявляется внутри функции.

Ключевое слово let ведет себя аналогично, но с некоторыми дополнениями. Когда вы объявляете переменную с ключевым словом let внутри блока, оператора или выражения, его область действия ограничена этим блоком, оператором или выражением. Например:

var numArray = [];
for (var i = 0; i < 3; i++) { 
  numArray.push(i); 
} 
console.log(numArray); // [0, 1, 2]
console.log(i); // 3

На самом деле можно чуть-чуть переписать этот код и получить следующее:

// Объявляем массив
var numArray = [];
// Объявляем глобальную переменную i, пока еще без значения
var i;
// Пишем цикл for, задав переменной i начальное значение 0
for (i = 0; i < 3; i++) { 
  numArray.push(i); 
} 
console.log(numArray); // [0, 1, 2]
console.log(i); // 3 

Такое поведение вызовет проблемы, если вы должны были создать функцию и сохранить ее для последующего использования внутри цикла for, который использует переменную i. Это связано с тем, что хранимая функция всегда будет ссылаться на значение обновленной глобальной переменной i.

var printNumTwo;
for (var i = 0; i < 3; i++) { 
  if (i===2) { 
    /*
      Если i равно 2, переменной printNumTwo 
      задаем в качестве значения новую фукнцию, 
      которая при выполнении должна вернуть 
      значение переменной i
    */
    printNumTwo=function() { 

      /*
        Здесь предполагается, что будет возвращено 2,
        ведь i равнялась 2, 
        когда мы создавали функцию
      */
      return i; 
    }; 
  } 
} 
console.log(printNumTwo()); 

Ключевое слово let ведет себя по-другому:

let printNumTwo;
for (let i = 0; i < 3; i++) { 
  if (i===2) { 
    printNumTwo=function() { 
      return i; 
    }; 
  } 
} 
console.log(printNumTwo()); // 2
console.log(i); // Uncaught ReferenceError: i is not defined 

Исправьте код, чтобы в выражении if создавалась отдельная переменная i, которая не будет пересекаться с переменной i, объявленной в первой строке функции. Ключевое слово var не должно использоваться.

Это упражнение предназначено для иллюстрации разницы между тем, как ключевые слова var и let назначают область видимости для объявленных переменных. При программировании функции, аналогичной той, которая используется в этом упражнении, часто лучше использовать разные имена переменных, чтобы избежать путаницы.

Объявление const имеет много вариантов использования в современном JavaScript. Некоторые разработчики предпочитают объявлять все свои переменные, используя ключевое слово const по умолчанию, если только они не знают, что им нужно будет переназначить это значение (только в этом случае они используют let). Однако важно понимать, что объекты (включая массивы и функции), назначенные переменным с использованием const, по-прежнему изменяемы. Использование объявления const только предотвращает переназначение идентификатора переменной.

const s = [5, 6, 7];

try{
  s = [1, 2, 3];
}
catch(error) {
  console.error(error)
}

s[2] = 45;
console.log(s);

Уточнение. Чтобы было понятней в чем здесь разница, следует подробней разобрать какие именно операции выполнялись и почему где-то возникала ошибка, а где-то нет.

s = [1, 2, 3];

s[2] = 45;

const s = [5, 6, 7];
const s2 = s;

s[2] = 45;
console.log(s); // [5, 6, 45]
console.log(s2); // [5, 6, 45]
console.log(s === s2); // true

Таким образом, мы изменили элемент массива только одной переменной, но измененный массив мы получили и во второй переменной, а строгая проверка этих двух переменных на равенство дала истину. Надеюсь, вы из этого поняли, что переменных две, но массив здесь только один, и меняя значения отдельных элементов массива, мы все равно имеем тот же самый массив, на который ссылаются две отдельные переменные.

Массив объявляется как const s = [5, 7, 2]. Измените массив на [2, 5, 7] используя различные назначения элементов.

let не является единственным новым способом объявления переменных. В ES6 вы также можете объявлять переменные, используя ключевое слово const . const имеет все потрясающие возможности, которые имеет let, с дополнительным бонусом - переменные, объявленные с использованием const, доступны только для чтения. Они являются постоянной величиной. Это означает, что когда переменная объявляется с ключевым словом const, она не может быть переопределена.

const FAV_PET = "Cats";
FAV_PET = "Dogs"; // Uncaught TypeError: Assignment to constant variable.

Во всех случаях, когда вы определяете переменные, значения которых не должны быть изменены, следует объявлять их с ключевым словом const. Это помогает, когда вы случайно пытаетесь переопределить переменную, которая должна оставаться постоянной.

Внимание: важное отличие const от let и var заключается в том, что переменные с ключевым словом const обязаны объявляться с инициализирующим значением. Пример объявления с ошибкой:

const a; // Uncaught SyntaxError: Missing initializer in const declaration

Измените код так, чтобы все переменные были объявлены с помощью let или const. Используйте let когда вы хотите, чтобы переменная изменилась, и const когда вы хотите, чтобы переменная оставалась постоянной. Кроме того, переименуйте переменные, объявленные с помощью const так, чтобы все буквы были заглавными.

Когда вы объявляете переменную с ключевым словом var, она объявляется глобально, если не внутри функции, и локально, если объявляется внутри функции.

Ключевое слово let ведет себя аналогично, но с некоторыми дополнениями. Когда вы объявляете переменную с ключевым словом let внутри блока, оператора или выражения, его область действия ограничена этим блоком, оператором или выражением. Например:

var numArray = [];
for (var i = 0; i < 3; i++) { 
  numArray.push(i); 
} 
console.log(numArray); // [0, 1, 2]
console.log(i); // 3

На самом деле можно чуть-чуть переписать этот код и получить следующее:

// Объявляем массив
var numArray = [];
// Объявляем глобальную переменную i, пока еще без значения
var i;
// Пишем цикл for, задав переменной i начальное значение 0
for (i = 0; i < 3; i++) { 
  numArray.push(i); 
} 
console.log(numArray); // [0, 1, 2]
console.log(i); // 3 

Такое поведение вызовет проблемы, если вы должны были создать функцию и сохранить ее для последующего использования внутри цикла for, который использует переменную i. Это связано с тем, что хранимая функция всегда будет ссылаться на значение обновленной глобальной переменной i.

var printNumTwo;
for (var i = 0; i < 3; i++) { 
  if (i===2) { 
    /*
      Если i равно 2, переменной printNumTwo 
      задаем в качестве значения новую фукнцию, 
      которая при выполнении должна вернуть 
      значение переменной i
    */
    printNumTwo=function() { 

      /*
        Здесь предполагается, что будет возвращено 2,
        ведь i равнялась 2, 
        когда мы создавали функцию
      */
      return i; 
    }; 
  } 
} 
console.log(printNumTwo()); 

Ключевое слово let ведет себя по-другому:

let printNumTwo;
for (let i = 0; i < 3; i++) { 
  if (i===2) { 
    printNumTwo=function() { 
      return i; 
    }; 
  } 
} 
console.log(printNumTwo()); // 2
console.log(i); // Uncaught ReferenceError: i is not defined 

Исправьте код, чтобы в выражении if создавалась отдельная переменная i, которая не будет пересекаться с переменной i, объявленной в первой строке функции. Ключевое слово var не должно использоваться.

Это упражнение предназначено для иллюстрации разницы между тем, как ключевые слова var и let назначают область видимости для объявленных переменных. При программировании функции, аналогичной той, которая используется в этом упражнении, часто лучше использовать разные имена переменных, чтобы избежать путаницы.