JavaScript obyektlari
bilan veb-sahifa yaratish
JavaScript obyektlari yordamida veb-sahifalar yaratish bo'yicha ushbu
taqdimotga xush kelibsiz. JavaScript-da ob'ektga yo'naltirilgan
dasturlashning kuchi va moslashuvchanligini kashf eting!
Qo’chqorov Lazizbek
Reja:
1. Obyektlar turlari .
2. Obyekt klasining metodlari
3. Obyekt klasining metodlarining qollanilishi .
4. Xulosa
JavaScript объектлари
JavaScript да "ҳамма нарса"
объект ҳисобланади.
Мантиқий
маълумотлар
(boolen)
Сонлар
(Number)
Сатрлар
(String)
Вақт (Date)
Массив
(Array)
Математик
(Math)
Функциялар
(Function)
Доимий иборалар
(Regular
expression)
Объект
(Object)
Obyekt klasining metodlarini ozimiz yaratgan obyektlar ustida amallar .
1. Keys – Biz yaratgan obyektning kalit so’zlarini olib beradi .
2. Values - Biz yaratgan obyektning qiymatlarini olib beradi.
3. Entries – Bu metod obyektning hamma qismini ya’ni kalit va qiymaylarini olib beradi .
4. PropertyIsEnumerable va HasOwnProperty - bu metodlar obyektdagi ohtarilayotgan kalit so’z
bor yoki yoqligini tekshiradi bolsa true aks holda false qiymat qaytaradi .
5. GetOwnPropertyDescriptor – Obyektda kiritilgan maydon ornatilgan yoki ornatilmaganini
korsatadi .
6. Freeze va Seal – metodlar berilgan obyekt ornatilgan yoki yoqligini korsatadi agar obyekt
ornatilgan bolsa ishlaydi aks holda ishlamaydi Console da xatolik xabarini beradi .
<p>JavaScripda Obektlar</p>
<button onclick="myFunction()">Natija</button>
<p id="demo"></p>
<script>
function myFunction() {
const person2 = {
ism: 'John',
yosh: 25,
manzil: 'Toshkent'
};
let kalitSozlar = Object.keys(person2);
document.getElementById("demo").innerHTML = kalitSozlar;
}
</script>
<!DOCTYPE html>
<html>
<head>
<title>JavaScriptni HTML ichida yozish</title>
</head>
<body>
<p id="myParagraph"></p>
Natija :
<script>
// JavaScript kodini HTML ichida yozish
var myObject = {
name: "Samandar",
age: 20,
city: "Fergana"
};
var paragraph = document.getElementById("myParagraph");
paragraph.textContent = "Name: " + myObject.name + ", Age: " + myObject.age + ", City: " + myObject.city;
</script>
</body>
</html>
<p>JavaScripda Obektlar</p>
<button onclick="myFunction()">Natija</button>
<p id="demo"></p>
<script>
function myFunction() {
const person2 = {
ism: 'John',
yosh: 25,
manzil: 'Toshkent'
};
let value = Object.values(person2);
document.getElementById("demo").innerHTML = value;
}
</script>
<p>JavaScripda Obektlar</p>
<button onclick="myFunction()">Natija</button>
<p id="demo"></p>
<script>
function myFunction() {
const person2 = {
ism: 'John',
yosh: 25,
manzil: 'Toshkent',
kursi: "2"
};
let value = Object.entries(person2);
document.getElementById("demo").innerHTML = value;
}
</script>
<p>JavaScripda Obektlar</p>
<button onclick="myFunction()">Natija</button>
<p>Obyektlarning propertyIsEnumerable va hasOwnProperty metodlarining ishlashi : </p>
<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>
<p id="demo4"></p>
<script>
function myFunction() {
const person = {
ism: 'John',
yosh: 25,
manzil: 'Toshkent',
kursi: "2"
};
document.getElementById("demo1").innerHTML = person.propertyIsEnumerable('ism');
document.getElementById("demo2").innerHTML = person.propertyIsEnumerable('yashash_joyi');
document.getElementById("demo3").innerHTML = person.hasOwnProperty('ism');
document.getElementById("demo4").innerHTML = person.hasOwnProperty('yashash_joyi');
}
</script>
<p>JavaScripda Obektlar</p>
<button onclick="myFunction()">Natija</button>
<p>Obyektlarning getOwnPropertyDescriptor bu metod shu obyektda berilgan maydon bor yoqlikka tekshiradi: </p>
<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>
<p id="demo4"></p>
<script>
function myFunction() {
const person = {
ism: 'John',
yosh: 25,
manzil: 'Toshkent',
kursi: "2"
};
document.getElementById("demo1").innerHTML ='ism : ' + Object.getOwnPropertyDescriptor(person, 'ism');
document.getElementById("demo2").innerHTML ='name : ' + Object.getOwnPropertyDescriptor(person, 'age');
}
</script>
<p>JavaScripda Obektlar</p>
<button onclick="myFunction()">Natija</button>
<p>Obyektlarning freeze va seal metodlari </p>
<p id="demo1"></p>
<p id="demo2"></p>
<p id="demo3"></p>
<p id="demo4"></p>
<script>
function myFunction() {
const person = {
ism: 'John',
yosh: 25,
manzil: 'Toshkent',
kursi: "2"
};
document.getElementById("demo1").innerHTML =Object.freeze(person);
let a=Object.seal(person1);
document.getElementById("demo2").innerHTML =a;
}
</script>
Xulosa
Biz veb sahifamizning bir qancha joylari va funksionalliklari bir xil boladi
shu joylarda biz har safar yozishni va kodni kopaytirishni olish maqsadida
funksiyalar , obyektlar va classlardan foydalangan holda ishlaymiz
shu tariqa kodni kopayishini va vaqtdan yutgan holda ish bajaramiz .
Obyektlarning asosiy vazifasi ozida bir qancha maydon va metodlarni
saqlagan holda istalgan joyda (qanday elon qilishimizga qarab ) ishlata olishimiz
mumkin va kodni oqishga , tushunishga osonlashtiramiz shu tariqa .
JavaScript-ning veb-ishlab
chiqishdagi ahamiyati
Veb-saytning
dinamik
funksionalligi
JavaScript interaktiv
va sezgir vebsahifalarni
yaratishga imkon
beradi, bu esa
foydalanuvchi
tajribasini sezilarli
darajada
yaxshilaydi.
Mijoz tomonda
veb-ishlab
chiqish
JavaScript ishlab
chiquvchilarga
to'g'ridan-to'g'ri
foydalanuvchi
brauzerida
ishlaydigan
mustahkam va
xususiyatlarga boy
ilovalar yaratish
imkonini beradi.
Keng brauzerni
qo'llabquvvatlash
JavaScript barcha
asosiy vebbrauzerlar
tomonidan qo'llabquvvatlanadi, bu
foydalanuvchilar
uchun moslik va
foydalanish
imkoniyatini
ta'minlaydi.
Ob'ektlar yordamida veb-sahifa yaratish
1
Veb-sahifani moslashtirish
2
JavaScript obyektlari
asoslari
Veb-sahifaning turli elementlarini
ifodalash uchun xossalari va
usullari bilan ob'ektlarni qanday
yaratishni o'rganing.
Dinamik tarkib va interaktivlikni
qo'shish uchun ob'ekt
xususiyatlari va usullarini qanday
boshqarishni o'rganing.
3
Foydalanuvchi tajribasini
oshirish
JavaScript ob'ektlari uzluksiz va
moslashtirilgan interfeysni
taqdim etish orqali foydalanuvchi
tajribasini qanday yaxshilashi
mumkinligini o'rganing.
Eng yaxshi amaliyotlar
1
Ob'ektlar bilan kodni tashkil qilish
JavaScript ob'ektlari yordamida toza va modulli kod tuzilmalarini loyihalash usullarini o'rganing.
2
Ob'ektlarni qayta ishlatish va kengaytirish
Qayta foydalanish mumkin va kengaytiriladigan kod komponentlarini yaratish uchun
ob'ekt merosi va kompozitsiyasidan qanday foydalanishni o'rganing.
3
Ishlash va masshtabni optimallashtirish
Samaradorlikni oshirish va veb-ilovangizning miqyoslanishini ta'minlash uchun
JavaScript obyektlarini optimallashtirish strategiyalarini o'rganing.
Veb-saytingizni himoya qilish:
muntazam yangilanishlarning
ahamiyati
Veb-saytingiz dasturiy ta'minoti va plaginlarini muntazam yangilab turish
xavfsizlikni ta'minlash uchun juda muhimdir. Ushbu maqolada biz
yangiliklardan xabardor bo'lish muhimligini muhokama qilamiz va
yangilanishlarni samarali boshqarish bo'yicha maslahatlar beramiz.
Zaifliklarni tuzatishdan tortib unumdorlikni oshirishgacha veb-saytingizni
qanday qilib xavfsiz va xavfsiz saqlashni o'rganasiz.