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

Понимание области действия в JavaScript

Глобальная и локальная область действия

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

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

  Копировать

                          
  let globalVar = "I am global";
  
  function accessGlobalVar() {
      console.log(globalVar);  // Accessible here
  }
  
  console.log(globalVar);  // Also accessible here                       
                          
                      

  В этом примере globalVarопределяется вне любой функции, что делает его доступным глобально.

• Локальная область (или область функции): переменная имеет локальную область, когда она объявлена ​​внутри функции. Доступ к нему и его изменение можно получить только внутри этой функции, а не снаружи.

  Копировать

                          
  function myFunction() {
      let localVar = "I am local";
      console.log(localVar);  // Accessible here
  }
  
  // console.log(localVar);  // Unaccessible here, would result in an error                      
                          
                      

  Здесь localVarопределено внутри myFunction, и доступ к нему возможен только внутри его определяющей функции.

                    
function outerFunction() {
    let outerVar = "Outer variable";

    function innerFunction() {
        let innerVar = "Inner variable";
        console.log(outerVar);  // Accessible due to scope chain
        console.log(innerVar);  // Accessible in its local scope
    }

    innerFunction();
    // console.log(innerVar);  // Unaccessible here, would result in an error
}

outerFunction();                      
                    
                

                    
function outerFunction() {
    let secretNumber = 42; // Private variable

    return function innerFunction() {
        console.log(`The secret number is ${secretNumber}.`);
    };
}

let getSecretNumber = outerFunction(); // Creates a closure
getSecretNumber(); // Accesses secretNumber via closure
                    
                

                    
let addNumbers = (a, b) => a + b;
console.log(addNumbers(5, 3)); // Outputs 8
                    
                

                    
// Traditional function expression
function sayHello(name) {
    return `Hello, ${name}!`;
}

// Converted to arrow function
let sayHello = name => `Hello, ${name}!`;
                    
                

                    
function createCounter() {
    let count = 0; // Private variable

    return () => {
        count++;
        console.log(`Current count is ${count}`);
    };
}

let counter = createCounter(); // Closure encapsulating the count variable
counter(); // Increments and logs count
counter(); // Increments and logs count