Function Declaration vs Function Expression

dawrounn

Dawrounn

Posted on April 22, 2022

Function Declaration vs Function Expression

Function Declaration - bu funksiyani e'lon qilishdir.

E'lon qilingan funksiya keyinroq u chaqirilganda ishga tushirish uchun saqlab qo'yilgan bo'ladi.

O'zgaruvchilarni e'lon qilish var, let, yoki const kabi kalit so'zlar bilan boshlanganidek funksiyani deklaratsiyasi ham function kalit so'zi bilan boshlanadi.

Masalan:

function test(){

return 4;
}
Enter fullscreen mode Exit fullscreen mode
  • Bu yerda funksiya e'lon qilindi holos. Uni ishga tushirish uchun funksiya nomi test()'dan foydalanib funksiyani chaqirishimiz kerak.

Function Expression

Javascriptda funksiya ifoda yordamida ham aniqlanishi mumkin. Funksiya ifodasi(expression) o'zgaruvchiga saqlanishi ham mumkin:
var x = function(a,b) { return a*b};

Funksiya ifodasi o'zgaruvchiga saqlangandan so'ng aynan shu o'zgaruvchidan funksiya sifatida foydalanish mumkin. O'zgaruvchiga saqlanadigan funksiyalarda funksiya nomini ko'rsatish shart emas. Ular doimo o'zgaruvchi nomi orqali chaqiriladi va ishga tushiriladi.

Function Expression:

alert(test()); // ERROR! test topilmadi
var test = function() { return 5; }
Enter fullscreen mode Exit fullscreen mode

Function Declaration:

alert(test()); // Alert 5. dekleratsiyash birinchi amalga oshiriladi
function test() { return 5; }
Enter fullscreen mode Exit fullscreen mode
  • Funksiya deklaratsiyasi boshqa har qanday kod ishga tushishidan oldin bajariladi, funnksiya ifodasi(expression) esa interpreter shu qatorga yetib kelganda bajariladi.

  • var kalit so'zidek funksiya deklaratsiyalari kodning eng yuqorisiga avtomatik ko'tariladi(hoisted). Funksiya ifoda(expression) lar esa ko'tarilmaydi.

Function expression'ning afzalliklari:

Funktsiya ifodalari funksiya deklaratsiyasidan ko'ra foydaliroq bo'lishining bir necha xil usullari mavjud:

  • Closure sifatida;

  • Boshqa funksiyalarga argument sifatida;

  • Darhol chaqiriladigan funksiya ifodalari (IIFE) sifatida;

💖 💪 🙅 🚩
dawrounn
Dawrounn

Posted on April 22, 2022

Join Our Newsletter. No Spam, Only the good stuff.

Sign up to receive the latest update from our blog.

Related

How JavaScript works
javascript How JavaScript works

November 8, 2024

A Beginner's Guide to JavaScript Closures
javascript A Beginner's Guide to JavaScript Closures

November 5, 2024

Type Coercion in JavaScript Explained
javascript Type Coercion in JavaScript Explained

November 18, 2024

Introduction to Asynchronous JavaScript
javascript Introduction to Asynchronous JavaScript

October 14, 2024

Strings -- Manipulating the Immutable.
javascript Strings -- Manipulating the Immutable.

November 15, 2024