freeCodeCamp/curriculum/challenges/russian/02-javascript-algorithms-and-data-structures/es6/compare-scopes-of-the-var-and-let-keywords.russian.md

id, title, challengeType, videoUrl, localeTitle

id	title	challengeType	videoUrl	localeTitle
587d7b87367417b2b2512b40	Compare Scopes of the var and let Keywords	1		Сравнение области действия переменных var и let

Description

Когда вы объявляете переменную с ключевым словом 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 переменная i объявляется глобально. Поэтому, когда выполняется i++ , обновляется глобальная переменная. Этот код похож на следующий:

var numArray = [];
var i;
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) {
printNumTwo = function () {
return i;
};
}
}
console.log (printNumTwo ());
// возвращает 3

Как вы можете видеть, printNumTwo() печатает 3, а не 2. Это связано с тем, что значение, присвоенное i было обновлено, и printNumTwo() возвращает глобальный i , а не значение, которое i имел, когда функция была создана в цикле for. Ключевое слово let не следует этому поведению:

«use strict»;
let printNumTwo;
for (let i = 0; i <3; i ++) {
if (i === 2) {
printNumTwo = function () {
return i;
};
}
}
console.log (printNumTwo ());
// возвращает 2
console.log (я);
// возвращает «i не определен»

i не определен, потому что он не был объявлен в глобальной области. Он объявляется только в объявлении цикла for. printNumTwo() вернула правильное значение, потому что три разные переменные i с уникальными значениями (0, 1 и 2) были созданы ключевым словом let в цикле.

Instructions

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

Tests

tests:
  - text: <code>var</code> не существует в коде.
    testString: 'getUserInput => assert(!getUserInput("index").match(/var/g),"<code>var</code> does not exist in code.");'
  - text: 'Переменная <code>i</code> объявленная в операторе if, должна равняться «области блока».'
    testString: 'getUserInput => assert(getUserInput("index").match(/(i\s*=\s*).*\s*.*\s*.*\1("|")block\s*scope\2/g), "The variable <code>i</code> declared in the if statement should equal "block scope".");'
  - text: <code>checkScope()</code> должен возвращать &quot;область действия&quot;
    testString: 'assert(checkScope() === "function scope", "<code>checkScope()</code> should return "function scope"");'

Challenge Seed

function checkScope() {
"use strict";
  var i = "function scope";
  if (true) {
    i = "block scope";
    console.log("Block scope i is: ", i);
  }
  console.log("Function scope i is: ", i);
  return i;
}

Solution

// solution required