Голый JavaScript — Области функций, подъемы и другие особенности

public void someMethod(){
for(int i=i;i<10,i++){
 //Some usage of variable i
}
//Prints 10
console.log(i);
}

var n = 1;
 
function someRandomFunction() {
    console.log(n); // This prints 1.
}

var n = 1;
 
function someRandomFunction() {
    console.log(n); // This prints undefined.
    var n = 100;
    console.log(n); // This prints 100
}

var n = 1;
 
function someRandomFunction() {
 var n; //The variable declaration hides under harry potter's cloak. So you cant see it.
    console.log(n); // Now you know why its undefined here
    n = 100; //Now the variable gets initialized.
    console.log(n); // And prints out 100 here.
}

Как вы видите в приведенном выше коде, переменная была неопределенной, потому что она была скрыта локальным объявлением переменной в функции. (По крайней мере, они правильно поняли эту часть!). Но затем введите функции! И у вас есть еще несколько неприятных кодов для решения.

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

function hoistingContainer(){
 console.log(n);
  
 innerOne();
 innerTwo(); //Throws an exception
  
 var n = 100;
  
 function innerOne(){
  console.log('innerOne');
 }
  
 var innerTwo = function innerTwo(){
  console.log('innerTwo');
 }
  
 //This will execute but the code never
 //reaches here because of the previous exception
 innerTwo();
     
}

В приведенном выше примере запишите различные способы, которыми мы объявили две функции. Если вы запустите приведенный выше код, вы обнаружите, что первый вызов функции innnerTwo () приводит к исключению, тогда как вызов функции innerOne выполняется нормально. Единственная разница между этими двумя функциями заключалась в том, как они были инициализированы. Возможно, можно сделать вывод, что когда функции явно объявлены с использованием переменной вместо обычной записи, инициализация не поднимается. Однако, используя обычную запись объявления функции, даже тело функции поднимается вместе с объявлением функции.

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

Следующая интересная вещь, о которой я хочу поговорить, — это то, что может произойти, если вы случайно забудете использовать ключевое слово «var» при объявлении переменной внутри области видимости. Обычно, когда вы объявляете локальные переменные внутри функции, вы используете ключевое слово var. Только переменные, объявленные с использованием ключевого слова var, становятся локальными. Однако, если вы случайно забудете ключевое слово var, javascript не будет жаловаться, вместо этого он просто создаст свойство с тем же именем в глобальной области видимости, то есть в объекте ‘window’. И, как мы уже знаем, это может иметь катастрофические последствия.

Взгляните на следующий код.

window.constant = 10;
 
//prints 10, the constant from the global
//window object,
console.log(constant);
 
function outerFunction(){
 
 var name = 'xyz';
  
 //Missing var keyword
 constant = 20;
}
 
//Invoke the function
outerFunction();
 
//Prints undefined since name was
//locally scoped in the function
console.log(name);
 
//Prints 20, because its value was
//reassigned inside the function
console.log(constant);

function badStyle(){
 return
 {
  name:'value'
 };
}
 
 
function goodStyle(){
 return {
  name:'value'
 };
}
 
//Runs as expected
console.log(goodStyle());
 
//Prints undefined
console.log(badStyle());