Obyektlar bilan tanishuv
JavaScript Objectlar nima?
Obyektlar qiymatlarni va funksiyalarni saqlashi mumkin bo‘lgan o‘zgaruvchilardir.
Qiymatlar xususiyatlar deb ataluvchi key:value juftliklari ko‘rinishida saqlanadi.
Funksiyalar metodlar deb ataluvchi key:function() juftliklari ko‘rinishida saqlanadi.
Hayotiy taqqoslash
Real hayotda narsalarni obyektlar sifatida tasvirlashimiz mumkin (mashina, inson, uy)
| Car Object |
|---|
 |
| Car Properties | Car Methods |
|---|---|
|
car.name = Fiat car.model = 500 car.weight = 850kg car.color = white |
car.start() car.drive() car.brake() car.stop() |
Turli xil avtomobillar bir xil xususiyatlarga ega, ammo xususiyat qiymatlari avtomobildan mashinaga farq qilishi mumkin.
Turli xil mashinalarda bir xil usullar mavjud, ammo usullar turli vaqtlarda bajarilishi mumkin.
Obyekt misoli
Ushbu kod misoli avtomobil deb nomlangan obyektga ko‘p qiymatlarni (Fiat, 500, oq) belgilaydi:
type, model va color — xususiyatlar
"Fiat", "500" va "white" — xususiyat qiymatlari
Obyekt literali
Obyekt "so‘zma-so‘z" barcha obyekt xususiyatlarini tavsiflash uchun jingalak qavslar ichida nol yoki undan ortiq kalit: qiymat juftlari bilan qisqa sintaksisdan foydalangan holda obyektni tasvirlaydi:
{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
JavaScript obyektini qanday yaratish mumkin
Obyekt harfi JavaScript obyektini aniqlashning eng oddiy va eng keng tarqalgan usuli hisoblanadi.
Quyidagi barcha misollar bir xil JavaScript obyektini yarating:
1-misol
// Create an Object
const person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
O‘zingiz sinab ko‘ring »
Bo‘shliqlar va qatorlarni ajratish muhim emas. Obyekt literali bir nechta qatorni qamrab olishi mumkin:
2-misol
// Create an Object
const person = {
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
};
O‘zingiz sinab ko‘ring »
Bundan tashqari, bo‘sh obyekt yaratishingiz va keyinroq xususiyatlarni qo‘shishingiz mumkin:
3-misol
// Create an Object
const person = {};
// Add Properties
person.firstName = "John";
person.lastName = "Doe";
person.age = 50;
person.eyeColor = "blue";
O‘zingiz sinab ko‘ring »
Yangi kalit so‘zdan foydalanish
4-misol
new Object() yordamida yangi JavaScript obyektini yarating:
// Create an Object
const person = new Object({
firstName: "John",
lastName: "Doe",
age: 50,
eyeColor: "blue"
});
O‘zingiz sinab ko‘ring »
new Object()’dan foydalanishning hojati yo‘q.
O‘qilishi, soddaligi va tezligi uchun uning o‘rniga obyekt harfini ishlating.
Object xususiyatlari
Object xususiyatlariga ikki xil usulda murojaat qilish mumkin:
- Dot notation
- Bracket notation
Kvadrat qavslar orqali murojaat
objectName["propertyName"]
person["firstName"];
O‘zingiz sinab ko‘ring »
JavaScript obyekt metodlari
Objectlar metodlarga ham ega bo‘lishi mumkin.
Obyekt usullari - bu obyektlar ustida bajarilishi mumkin bo‘lgan harakatlar.
Obyekt metodlari — xususiyat qiymatlari sifatida saqlanadigan funksiya ta’riflari:
Misol
const person = {
firstName: "John",
lastName : "Doe",
age : 50,
fullName : function() {
return this.firstName + " " + this.lastName;
}
};
O‘zingiz sinab ko‘ring »
| Xususiyat | Property Value |
|---|---|
| firstName | John |
| lastName | Doe |
| age | 50 |
| fullName | function() {return this.firstName + " " + this.lastName;} |
Object metodida this ushbu obyektning o‘zini bildiradi.
Yuqoridagi misolda this shaxs obyektiga ishora qiladi.
Batafsil bilib oling:
Xulosa
- Obyektlar - bu xususiyatlar va usullar uchun konteynerlar
- Xususiyatlar — key:value juftliklari ko‘rinishida saqlanadigan nomlangan qiymatlar
- Metodlar - bu key:function() juftlari sifatida saqlanadigan Functionlar.
JavaScript’da obyektlar hukmron
Obyektlarni tushunsangiz, JavaScript’ni tushunasiz.
JavaScript-da deyarli "hamma narsa" obyektdir:
- Obyektlar obyektlardir
- Math ham obyektdir
- Sanalar obyektlardir
- Arraylar Object hisoblanadi
- Map’lar obyektlardir
- To‘plamlar obyektlardir
- RegExp - bu obyektlar
- Xatolar ham obyektlardir
Primitivlardan tashqari barcha JavaScript qiymatlari obyektlardir.
JavaScript primitivlari
Primitiv ma’lumotlar turi - bu faqat bitta ibtidoiy qiymatni saqlashi mumkin bo‘lgan ma’lumotlar turi.
JavaScript primitiv ma’lumotlarning 7 ta tipini belgilaydi:
| Turi | Namuna qiymat |
|---|---|
string | "Hello" |
number | 3.14 |
boolean | rost |
bigint | 12345678901234n |
null | null |
undefined | Aniqlanmagan |
symbol | Belgi |
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!