Я хочу подробно обсудить ключевые слова var, let и const.

Вар

Оператор переменных Javascript используется для объявления переменной, и, при желании, мы можем инициализировать значение этой переменной.

Пример:

var a =10;
  • Объявления переменных обрабатываются до выполнения кода.
  • Область действия переменной Javascript, объявленной с помощью var, является ее текущим контекстом выполнения.
  • Область действия переменной Javascript, объявленной вне функции, является глобальной.

рассмотрим следующий фрагмент кода.

function nodeSimplified(){
 var a =10;
 console.log(a); // output 10
 if(true){
 var a=20;
 console.log(a); // output 20
 }
 console.log(a); // output 20
 }
 

В приведенном выше коде вы можете найти, когда переменная обновляется внутри цикла if, значение переменной «a» обновляется на 20 глобально, следовательно, снаружи, если значение цикла сохраняется. Это что-то похожее на глобальную переменную, присутствующую в других языках, и ее нужно использовать с большой осторожностью, потому что существует большая вероятность переопределения существующего значения.

разрешить

Оператор let объявляет локальную переменную в области блока. Подобно var, мы можем дополнительно инициализировать переменную.

Пример

let a =10;
  • Оператор let позволяет создать переменную с областью действия, ограниченной блоком, в котором она используется.
  • Это что-то похожее на переменную, которую мы объявляем в других языках, таких как Java, .net и т. д.

рассмотрим следующий фрагмент кода.

function nodeSimplified(){
 let a =10;
console.log(a); // output 10
 if(true){
 let a=20;
 console.log(a); // output 20
 }
 console.log(a); // output 10
 }
 

Это почти то же самое поведение, которое мы видим в большинстве языков.

function nodeSimplified(){
let a =10;
 let a =20; //throws syntax error
 console.log(a); 
 }
 
 Error Message: Uncaught SyntaxError: Identifier ‘a’ has already been declared

однако с var он работает нормально.

функция nodeSimplified () {

console.log(а); //вывод 20

Область действия будет хорошо поддерживаться с помощью оператора let, а при использовании оператора let внутренней функции ваш код будет чистым и понятным.

Надеемся, что приведенные выше примеры будут полезны для понимания команд var и let, и в случае возникновения каких-либо вопросов, пожалуйста, запишите их в разделе комментариев.

константа

Значения оператора const могут быть назначены один раз и не могут быть повторно назначены. область действия оператора const работает аналогично оператору let.

function nodeSimplified(){ const MY_VARIABLE =10;
console.log(MY_VARIABLE); //output 10

В соответствии с обычным стандартом именования переменная const объявляется заглавными буквами. const a =10 будет работать так же, как код выше. Следует соблюдать стандарты именования, чтобы поддерживать код в течение длительного времени.

☝☝Вопрос. Что произойдет, если мы попытаемся переназначить константную переменную?

рассмотрим следующий фрагмент кода.

function nodeSimplified(){
 const MY_VARIABLE =10;
 console.log(MY_VARIABLE); //output 10
 MY_VARIABLE =20; //throws type error
 console.log(MY_VARIABLE);
}

Сообщение об ошибке: Uncaught TypeError: Назначение постоянной переменной.

Код выдаст ошибку, когда мы попытаемся переназначить существующую константную переменную.

Если вам понравилась эта статья, поделитесь ею со своими друзьями-разработчиками и нажмите на зеленое сердечко «❤» ниже, чтобы другие тоже могли ее найти. Спасибо за чтение.

Первоначально опубликовано на www.nodesimplified.com.