Funksiya o'zi nima?

Immediately Invoked Function Expression (IIFE, o'qilishi 'iffy')

• IFFE anonim function expression hisoblanadi, va funksiya yasalishi bilan darrov o'zi ishga tushadi. IFFE ni quyudagicha yozish mumkin:

// 1-sintaks

• // 1-sintaks
• (function(parameter){
• //ishga tushishi kerak bo'lgan kod
• }());
• // 2-sintaks
• (function(param){
• //ishga tushishi kerak bo'lgan kod
• })();

Yuqorida kod ishga tushganida, funksiya o'zini o'zi ishga tushiradi va console da xabar ko'rinadi.

• (function() {
• console.log('Say Hello');
• }());

Constructor Functions

• Javascriptdagi OOP (object-oriented programming) ning xususiyatlari biri bu Object lar yasashda Constructor funksiyadan foydalanishdir. Constructor funksiyasi avvaldan belgilab qo`yilgan property va method(pastda misolda ko'ramiz) lar bilan ko'plab object yasash uchun ishlatiladi. Misol:

// Phone Contructor funksiyasi 3ta parameter qabul qiladi, make, model va color

• // Phone Contructor funksiyasi 3ta parameter qabul qiladi, make, model va color
• // Constructor funksiyalarni nomini 1chi harfini katta harf bn yozish maqsadga muvofiq bo'ladi
• function Phone (make, model, color) {
• // funksiyaga berilgan hamma parameter lar ushbu Phone ga property qilib beriladi.
• this.make = make; // property
• this.model = model; // property
• this.color = color; // property
• // agar this.bironnima = qiymati data bo'lsa property, agar qiymati funksiya bo'lsa method deyiladi.
• // method esa, malasan, knopka bosilganida telefon modelini ko'rsatib berish
• this.displayModel = function () {
• console.log(`The model of the phone is ${this.model}`)
• }
• // telefonning rangini ko'rsatib beradi
• this.displayColor = function (){
• console.log(`The color of the phone is ${this.color}`);
• }
• }
• // Phone contructor funksiyasi orqali yengi Object lar yasaymiz
• const iPhone12 = new Phone('Apple', 'iPhone12', 'Black');
• const note20 = new Phone('Samsung', 'Note 20', 'Silver');
• const onePlus7 = new Phone('One Plus', 'One Plus 7', 'Blue');
• iPhone12.displayModel();
• note20.displayModel();
• onePlus7.displayModel();
• iPhone12.displayColor();
• note20.displayColor();
• onePlus7.displayColor();