Программа JavaScript для передачи параметра в метод setTimeout()

В этой статье мы обсудим, как передавать параметры методу setTimeout()в JavaScript. Метод setTimeout() используется для задержки выполнения фрагмента кода. Этот метод выполняет функцию после ожидания указанного количества миллисекунд. У нас разные подходы к передаче параметров в метод setTimeout().

Существует несколько подходов к передаче параметров в функцию setTimeout(), которые перечислены ниже:

• Использование анонимной функции
• Использование функции стрелки
• Использование метода связывания()
• Использование оператора распространения
• Использование именованной функции
• Использование функции закрытия

Мы рассмотрим каждый подход к передаче параметра в функцию setTimeout(), а также поймем их основные реализации.

Подход 1: использование анонимной функции

Один из способов передать параметры функции setTimeout()— использовать анонимную функцию в качестве обратного вызова. Внутри анонимной функции мы можем вызвать нужную функцию с необходимыми параметрами.

Синтаксис:

setTimeout(function (param1, param2) {
    // Code to be executed after the delay
}, delay);

Пример. В этом примере мы передадим параметры в функцию setTimeout(), используя анонимную функцию.

Javascript

setTimeout(function (param1, param2) {

    console.log(param1 + ' ' + param2);

}, 1000, 'Hello', 'Geeks');

Вывод: После задержки в 1 секунду.

Hello Geeks

Подход 2: использование функции стрелки

В ES6 представлен синтаксис стрелочных функций, который обеспечивает краткий способ определения функций. Мы можем использовать стрелочные функции для передачи параметров в setTimeout()функцию.

Синтаксис:

setTimeout((param1, param2) => {
    // Code to be executed after the delay
}, delay, arg1, arg2);

Пример. В этом примере мы передадим параметры функции, setTimeout()используя синтаксис функции стрелки.

Javascript

setTimeout((parameter) => {
console.log(parameter);
}, 1000, «GeeksforGeeks»);

Вывод: После задержки в 1 секунду.

GeeksforGeeks

Подход 3. Использование метода связывания().

Возможно, нам потребуется передать параметры методу объекта. Мы можем добиться этого, создав связанную функцию с использованием bind()метода и передав ее в качестве обратного вызова функции setTimeout().

Синтаксис:

setTimeout(object.method.bind(object, parameter1, parameter2), delay);

Пример. В этом примере мы передадим параметры функции setTimeout(), используя связанную функцию.

Javascript

const data = {

    name: "GeeksforGeeks",

    greet: function (message) {

        console.log(message + ", " + this.name + "!");

    }

};

 

setTimeout(data.greet.bind(data, "Hello"), 1000);

Вывод: После задержки в 1 секунду.

Hello, GeeksforGeeks!

Подход 4: Использование оператора расширения

Использование расширенного синтаксиса ES6 позволяет передавать параметры в setTimeout(), используя структуру, подобную массиву, для количества переменных параметров.

Синтаксис:

setTimeout(function (...args) {
    const [param1, param2] = args;
    // Code to execute after the timeout
    // using param1 and param2
}, delay, arg1, arg2);

Пример: Вот пример использования оператора распространения.

Javascript

setTimeout((message) => {

    console.log(message);

}, 2000, ...["Hello, Geeks"]);

Вывод: После 2-секундной задержки.

Hello, Geeks

Подход 5: Использование именованной функции

Использование именованной функции позволяет передавать параметры в setTimeout(), определяя отдельную функцию, которая получает параметры и выполняется по истечении таймаута.

Синтаксис:

function functionName(){
    // Code here
}

Пример: В этом примере мы используем описанный выше подход.

Javascript

function myFunction(message) {

    console.log(message);

}

 

setTimeout(myFunction, 1000, "Hello,Geeks !");

Вывод: После задержки в 1 секунду.

Hello,Geeks !

Подход 6: Использование функции замыкания

Замыкание — это функция JavaScript, которая позволяет внутренним функциям получать доступ к внешней области действия функции.

Синтаксис:

function myFunction(param1, param2) {
    return function () {
        // Code to execute
    };
}

Пример. В этом примере myFunction создает замыкание, которое регистрирует «Hello GeeksforGeeks» после 1-секундной задержки с использованием предоставленных параметров.

Javascript

function myFunction(param1, param2) {

    return function () {

        // Code to execute after the timeout 

        //using param1 and param2

        console.log(param1 + ' ' + param2);

    };

}

 

let result = myFunction('Hello', 'GeeksforGeeks');

setTimeout(result, 1000);

Вывод: После задержки в 1 секунду.

Hello GeeksforGeeks