У цій статті ми детально вивчимо, що таке анонімні функції в JavaScript і як їх оголосити за допомогою звичайної техніки та/або за допомогою самої техніки Arrow Function.
Анонімна функція
Це функція, яка не має жодного імені. Зазвичай ми використовуємо функція перед назвою функції, щоб визначити функцію в JavaScript, однак в анонімних функціях у JavaScript ми використовуємо лише функція ключове слово без назви функції.
Анонімна функція недоступна після початкового створення, до неї можна отримати доступ лише за допомогою змінної, у якій вона зберігається як функція як цінність . Анонімна функція також може мати кілька аргументів, але лише один вираз.
Синтаксис:
Наведений нижче синтаксис ілюструє оголошення анонімної функції за допомогою звичайного оголошення:
індійська актриса рані мукерджі
function() { // Function Body }> Ми також можемо оголосити анонімну функцію за допомогою техніки функції зі стрілкою, яка показана нижче:
( () =>{ // Тіло функції... } )();> Наведені нижче приклади демонструють анонімні функції.
приклад 1: У цьому прикладі ми визначаємо анонімну функцію, яка друкує повідомлення на консоль. Потім функція зберігається в вітати змінна. Ми можемо викликати функцію за допомогою виклику привітати().
Javascript
> >var> greet =>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >};> > >greet();> > |
>
>
Вихід:
Welcome to techcodeview.com!>
приклад 2: У цьому прикладі ми передаємо аргументи анонімній функції.
Javascript
> >var> greet =>function> (platform) {> >console.log(>'Welcome to '>, platform);> >};> > >greet(>'techcodeview.com!'>);> > |
>
>
Вихід:
Welcome to techcodeview.com!>
Оскільки JavaScript підтримує функції вищого порядку, ми також можемо передавати анонімні функції як параметри іншій функції.
приклад 3: У цьому прикладі ми передаємо анонімну функцію як функцію зворотного виклику до setTimeout() метод. Це виконує цю анонімну функцію через 2000 мс.
Javascript
> >setTimeout(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >}, 2000);> > |
>
>
Вихід:
Welcome to techcodeview.com!>
Іншим випадком використання анонімних функцій є виклик функції відразу після ініціалізації, це також відомо як Самовиконувана функція . Це можна зробити, додавши дужки, щоб ми могли негайно виконати анонімну функцію.
глобальна змінна javascript
Приклад 4: У цьому прикладі ми створили самовиконувану функцію.
Javascript
> >(>function> () {> >console.log(>'Welcome to techcodeview.com!'>);> >})();> > |
>
>
Вихід:
Welcome to techcodeview.com!>
Функції стрілок
ES6 представив новий і більш короткий спосіб оголошення анонімної функції, який відомий як Функції стрілок. У функції Arrow все залишається без змін, за винятком того, що тут нам не потрібно функція також ключове слово. Тут ми визначаємо функцію за допомогою однієї круглої дужки, а потім «=>», а потім тіло функції.
Приклад 5: У цьому прикладі ми побачимо використання функції стрілки.
Javascript
> >var> greet = () =>> >{> >console.log(>'Welcome to techcodeview.com!'>);> >}> > >greet();> > |
>
>
Вихід:
Welcome to techcodeview.com!>
Якщо у нас є лише один оператор у тілі функції, ми навіть можемо видалити фігурні дужки.
Приклад 6: У цьому прикладі ми створюємо самовиконувану функцію.
Javascript
> >let greet = () =>console.log(>'Welcome to techcodeview.com!'>);> >greet();> > |
>
>
Вихід:
Welcome to Geeksforgeeks!>
Приклад-7: У цьому прикладі ми оголосимо самовиконувану анонімну функцію (без самої назви) і побачимо, як ми можемо її оголосити, а також як ми можемо її викликати, щоб надрукувати результуюче значення.
Javascript
> >(() =>{> >console.log(>'techcodeview.com'>);> >})();> > |
Санджай Датт і
>
>
Вихід:
techcodeview.com>