6.1 KiB
6.1 KiB
id | title | challengeType | videoUrl | localeTitle |
---|---|---|---|---|
587d7b87367417b2b2512b40 | Compare Scopes of the var and let Keywords | 1 | Сравните области действия переменных var и let |
Description
var
, она объявляется глобально или локально, если объявляется внутри функции. Ключевое слово let
ведет себя аналогично, но с некоторыми дополнительными функциями. Когда вы объявляете переменную с ключевым словом let
внутри блока, оператора или выражения, его область действия ограничена этим блоком, оператором или выражением. Например: var numArray = [];С ключевым словом
для (var i = 0; i <3; i ++) {
numArray.push (я);
}
console.log (Numarray);
// возвращает [0, 1, 2]
console.log (я);
// возвращает 3
var
i
объявляется глобально. Поэтому, когда i++
выполняется, он обновляет глобальную переменную. Этот код похож на следующий: var numArray = [];Такое поведение вызовет проблемы, если вы должны были создать функцию и сохранить ее для последующего использования внутри цикла for, который использует переменную
var i;
для (i = 0; i <3; i ++) {
numArray.push (я);
}
console.log (Numarray);
// возвращает [0, 1, 2]
console.log (я);
// возвращает 3
i
. Это связано с тем, что хранимая функция всегда будет ссылаться на значение обновленной глобальной переменной i
. var printNumTwo;Как вы можете видеть,
для (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
не следует этому поведению: «использовать строгий»;
let printNumTwo;
для (пусть 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> должен возвращать "область действия"
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