8-ma’ruza. JavaScript funksiyalari va ob’ektlari

8-MA’RUZA. JavaScript funksiyalari va ob’ektlari.

Abdullajonova N.N

Reja:

JavaScriptda funktsiyalar
1
JavaScriptda ob’ektlar
2
JavaScript funktsiyalari yordamida hodisalarni qayta ishlash
3
JavaScript da doimiy ifodalar
4

JavaScript funksiyalari

• JavaScript funksiyasi - bu ma'lum bir vazifani bajarish uchun mo'ljallangan kod blokidir. JavaScript funktsiyasi "biror narsa" uni chaqirganda bajariladi

JavaScript funksiyasi sintaksisi

• JavaScript funksiyasi function kalit so'z, keyin nom va qavs () bilan belgilanadi.
• Funksiya nomlarida harflar, raqamlar, pastki chiziq va dollar belgilari bo'lishi mumkin (o'zgaruvchilar bilan bir xil qoidalar).
• Qavslar vergul bilan ajratilgan parametr nomlarini o'z ichiga olishi mumkin: ( parametr1, parametr2, ... )
• Funksiya tomonidan bajariladigan kod jingalak qavslar ichiga joylashtiriladi: {}
• Funksiya parametrlari funksiya ta'rifida qavslar () ichida keltirilgan.

Funksiyani chaqirish

Funksiya ichidagi kod "biror narsa" funksiyani chaqirganda bajariladi:

• Voqea sodir bo'lganda (foydalanuvchi tugmani bosganida)
• U JavaScript kodidan chaqirilganda.
• Avtomatik (o'z-o'zidan chaqiriladi)

Funksiyani qaytarish

JavaScript return bayonotga yetganda, funksiya bajarilishini to'xtatadi. Agar funksiya bayonotdan chaqirilgan bo'lsa, JavaScript chaqiruvchi bayonotdan keyin kodni bajarish uchun "qaytadi". Funksiyalar ko'pincha qaytish qiymatini hisoblab chiqadi. Qaytish qiymati "qo'ng'iroq qiluvchi" ga "qaytariladi":

Mahalliy o'zgaruvchilar

• JavaScript funksiyasi ichida e'lon qilingan o'zgaruvchilar funksiya uchun LOCAL bo'ladi. Mahalliy o'zgaruvchilarga faqat funksiya ichidan kirish mumkin. Mahalliy o'zgaruvchilar faqat ularning funksiyalari ichida tanilganligi sababli, bir xil nomdagi o'zgaruvchilar turli funksiyalarda ishlatilishi mumkin. Lokal o'zgaruvchilar funksiya ishga tushganda yaratiladi va funksiya tugallangandan keyin o'chiriladi.

Haqiqiy hayotda mashina - bu obyekt . Avtomobil og'irligi va rangi kabi xususiyatlarga ega va ishga tushirish va to'xtash kabi usullarga ega:

JavaScript obyektlari

Ushbu kod avtomobil nomidagi o'zgaruvchiga oddiy qiymatni (Fiat) belgilaydi:

Ob'ektlar ham o'zgaruvchilardir. Lekin obyektlar juda ko'p qiymatlarni o'z ichiga olishi mumkin. Ushbu kod avtomobil nomidagi o'zgaruvchiga ko'p qiymatlarni (Fiat, 500, oq) belgilaydi:

Obyekt xususiyatlariga ikki yo'l bilan kirishingiz mumkin:

objectName.propertyName

yoki

objectName["propertyName"]

JavaScript Events (voqealari)

HTML hodisalari HTML elementlari bilan sodir bo'ladigan "narsalar" . HTML sahifalarida JavaScript ishlatilsa, JavaScript bu hodisalarga “reaksiya qilishi” mumkin

Quyidagi misolda elementga onclick atribut ( kod bilan) qo'shiladi :

Quyidagi misolda elementga onclick atribut ( kod bilan) qo'shiladi :

The time is?

Yuqoridagi misolda JavaScript kodi elementning mazmunini id="demo" bilan o'zgartiradi. Keyingi misolda kod o'z elementining mazmunini o'zgartiradi (this.innerHTML dan foydalaniladi):

The time is?

Quyida ba'zi umumiy HTML hodisalari ro'yxati keltirilgan:

Event	Tavsif
onchange	HTML elementi o'zgartirildi
onclick	Foydalanuvchi HTML elementini bosadi
onmouseover	Foydalanuvchi sichqonchani HTML elementi ustiga siljitadi
onmouseout	Foydalanuvchi sichqonchani HTML elementidan uzoqlashtiradi
onkeydown	Foydalanuvchi klaviatura tugmachasini bosadi
onload	Brauzer sahifani yuklashni tugatdi

E’tiboringiz uchun rahmat!