У цій статті ми детально вивчимо, що таке анонімні функції в 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! 

Іншим випадком використання анонімних функцій є виклик функції відразу після ініціалізації, це також відомо як Самовиконувана функція . Це можна зробити, додавши дужки, щоб ми могли негайно виконати анонімну функцію.

Приклад 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