1. Теоретична част
1. Обект, свойства и методи
Обектът в JavaScript е съвкупност от данни и действия, които описват един реален предмет, например продукт в онлайн магазин. Създава се с фигурни скоби, като данните се записват по двойки име: стойност, разделени със запетая.
- Свойство – данна за обекта, например
price: 1200. - Метод – функция в обекта, която работи с неговите данни чрез
this, напримерtotalValue: function() { return this.price * this.quantity; }.
2. Достъп до свойства и вградени обекти
Свойствата се четат и променят с точкова нотация (product.price) или със скоби (product['price']). Нови свойства се добавят чрез присвояване. JavaScript предоставя и готови обекти, които не е нужно да създаваме сами.
- Достъп и промяна:
product.price = 99;променя съществуващо свойство, аproduct['warranty'] = 24;добавя ново. - Вградени обекти:
Math(напримерMath.round()),Date(напримерnew Date().getFullYear()) иdocument(напримерdocument.write()).
2. Практическо задание
Време за работа: 35 минути
Условие 1: Създайте HTML файл obekti.html с таг <script> и в него обект laptop, който описва лаптоп от компютърен магазин. Обектът трябва да има свойства и метод за изчисляване на стойността на наличността.
- Създайте обект
laptopсъс свойстваbrand: 'Lenovo',model: 'IdeaPad 3',price: 1200,quantity: 5и методtotalValue(), който връщаthis.price * this.quantity. - Изведете в страницата с
document.write()марката, модела и общата стойност на наличността, получена чрез метода.
Условие 2: Разширете програмата, като промените и допълните обекта и използвате вградените обекти Math и Date. Резултатите изведете в същата страница.
- Променете цената на
1099.99с точкова нотация и добавете свойствоwarrantyсъс стойност24чрез запис със скоби. - Изведете гаранцията, цената след отстъпка от 15%, закръглена до два знака след десетичната запетая с
Math.round(), и текущата година сnew Date().getFullYear().
Цел: Учениците да упражнят създаване на обект със свойства и метод, промяна и добавяне на свойства и използване на вградените обекти Math, Date и document. След задачата трябва да могат самостоятелно да описват реален предмет като обект в JavaScript.
3. Критерии за оценяване и оценъчна скала
| Критерий | Точки |
|---|---|
| 1. Спазване на правилата за здравословни и безопасни условия на труд и опазване на околната среда | 10 т. |
| 2. Ефективна организация на работното място | 10 т. |
| 3. Спазване на технологичната последователност на операциите според индивидуалното задание | |
3.1 Създаден обект laptop с четирите свойства и метод totalValue() |
20 т. |
3.2 Изведени с document.write() марка, модел и обща стойност, получена чрез метода |
20 т. |
3.3 Променена цена, добавено свойство warranty и използвани Math.round() и Date |
20 т. |
3.4 Правилни резултати, липса на синтактични грешки и запазен файл obekti.html |
20 т. |
| Общо: | 100 т. |
| Оценка | Точков диапазон |
|---|---|
| Отличен (6) | 90–100 т. |
| Много добър (5) | 80–89 т. |
| Добър (4) | 70–79 т. |
| Среден (3) | 60–69 т. |
| Слаб (2) | под 60 т. |
Изготвил: Цветелин Борисов