Я не совсем понимаю, почему следующие дисплеи "поднимаются" к концу.
var x = 'set';
var y = function ()
{
// WHAT YOU DON'T SEE -> var x;
// is effectively "hoisted" to this line!
if (!x)
{
// You might expect the variable to be populated at this point...it is not
// though, so this block executes
var x = 'hoisted';
}
alert(x);
}
//... and this call causes an alert to display "hoisted"
y();
Любые указатели будут оценены.
Цитирование MDN Docs на var hoisting,
Поскольку объявления переменных (и декларации вообще) обрабатываются до того, как выполняется какой-либо код, объявление переменной в любом месте кода эквивалентно объявлению ее вверху. Это также означает, что переменная может как представляется, используются до его объявления. Это поведение называется "подъем", поскольку, как представляется, объявление переменной перемещается в начало функции или глобального кода.
Итак, в вашем случае JavaScript знает, что локальная переменная (а не заявленная за пределами) x определена где-то в функции, но она не знает ее фактического значения до тех пор, пока выполнение не достигнет инструкции присваивания, присваивает x. (Заявления обрабатываются во время компиляции, и настройки выполняются во время выполнения). Пока не будет выполнено назначение, будет использоваться значение по умолчанию undefined. Поскольку undefined является ложным, условие
if (!x) {
выполняется и выполняется оператор присваивания. Вот почему вы получаете hoisted в поле предупреждения.
Скажем, вы не объявили x внутри функции,
var x;
var y = function () {
if (!x) {
x = 'hoisted';
}
alert(x);
}
y();
alert(x);
Здесь, поскольку x не объявляется нигде внутри функции, во время выполнения JavaScript будет искать x в более высоких областях. В этом случае он находит это прямо вне функции. Таким образом, будет использоваться x. Поскольку вы назначили hoisted на x, внутренний alert также скажет hoisted и после выхода из функции alert(x) также будет предупреждать hoisted.
Переменные объявления поднимаются вверху области. Таким образом, ваш код эквивалентен этому:
var x = 'set';
var y = function () {
var x;
if (!x) {
x = 'hoisted';
}
alert(x);
}
y();
Когда y выполняется, var x скрывает внешнюю область x, поэтому внутри функции y x есть undefined после первой строки объявления.
Ха-ха, проблема в том, что вы создаете переменную x Again.
var x = 'set';
var y = function (){
if (!x)
{
// just use the = sign to update the value of it.
x = 'hoisted';
};
alert(x);
};
y();
этот ответ подробно объясняют различные области переменных. В вашем конкретном случае вы можете использовать ссылку на:
this.x;
Для доступа к глобальной переменной x вне функции. Поскольку внутри функции вы пытаетесь получить доступ к переменной undefined, используя ключевое слово this, вы делаете ссылку на переменные вне функции.
И часть
if(!x)
Это правда, потому что вы тестируете: is false и x в этой точке undefined, потому что не существует в области видимости функции, а undefined рассматривает одно из ложных значений в JS, для получения дополнительной информации см. здесь.