Заголовок документа
жүктеу/скачать 465.78 Kb.
|
Тұйықталу тәжірибесіТұйықталу қаншалықты пайдалы? Олармен бірге не жасауға болады, қарайық. Жалпы, тұйықталу қандай да бір деректерді (нақты ортасы) осы деректермен жұмыс істейтін функцияны байланыстыруға мүмкіндік береді. Объектілі-бағытталған бағдарламалаумен параллельдік, онда объект деректер жиынтығын (объектінің қасиеттері) бір немесе бірнеше әдістермен байланыстырулар жүргізуге мүмкіндік береді. Яғни, тұйықталуды барлық жерде пайдалануға болады, онда бір жалғыз тәсілмен объектіні қалыпты және дұрыс пайдалану болса. Мұндай жағдайлар web -әзірлеудің барлық жерінде кездеседі. Web үшін JavaScript кодының үлкен санын жазу оқиғалар қатары болып табылады - яғни, қандай да бір сипаттауды, содан кейін оны қандайда бір оқиғаға тіркейміз, ол пайдаланушы арқылы іске қосылады (мысалы, тышқанмен шертуді немесе пернелерді басқанда). Бұл ретте код әдетте кері шақыру ретінде тіркеледі (жауапты): осы оқиғаның басталуынажауапты, жүзеге асыратын жеке функция. Практикалық мысал қарастырайық: параққа мәтін көлемін ауыстыратын бірнеше батырмалар қосу. Нұсқа ретінде, font-size қасиетін body элементі үшін пикселде көрсетеміз, содан кейін парақтар элементтерінің басқа размерін орнату (мысалы, тақырыптар, мысалы) үшін em салыстырмалы бірлігін пайдалану: body { font-family: Helvetica, Arial, sans-serif; font-size: 12px; } h1 { font-size: 1.5em; } h2 { font-size: 1.2em; } Сонда батырмалар body элементінің font-size қасиетін өзгертетін болады, ал парақтың басқа қалған элементтері бұл жаңа мәнді тіркейді және салыстырмалы бірлікті қолданудың арқасында мәтін көлемін масштабтайды: function makeSizer(size) { return function() { document.body.style.fontSize = size + 'px'; }; }; var size12 = makeSizer(12); var size14 = makeSizer(14); var size16 = makeSizer(16); Енді size12, size14 және size16 - бұл функциялар body элементінде мәтін мөлшерін, тиісінше 12, 14, 16 пикселдік мәніне өзгертеді. Содан кейін бұл функцияларды батырмаларға шамамен осылайша тіркейміз: document.getElementById('size-12').onclick = size12; document.getElementById('size-14').onclick = size14; document.getElementById('size-16').onclick = size16; жүктеу/скачать 465.78 Kb. Достарыңызбен бөлісу:
|