Download as PDF, PPTX
Uploaded byОлег Вілігурський
Coding for Future in Lutsk. JavaScript. Part 2
Способи підключення скриптів, послідовність виконання, коментарі, use strict, змінні, типи даних
Coding for Future in Lutsk. JavaScript. Part 2
- 1. Зовнішні скрипти, порядок виконання <scriptsrc="script.js"></script> <script src="/path/to/script.js"></script> <script src="https://www.facebook.com/rsrc.php/v3/y7/r /XWlsagvmeBU.js"></script> Домашнє завдання Прочитати про абсолютні і відносні шляхи у HTML
- 2. <script src="file.js"> alert( 1); // ігнорується! </script> <script src="file.js"></script> <script> alert( 1 ); </script> Альтернатива:
- 3. Асинхронні скрипти: defer/async •атрибути async і defer використовуються для того, щоб поки вантажиться зовнішній скрипт – браузер показав подальшу частину сторінки (за скриптом). • defer зберігає відносну послідовність скриптів, defer чекає завантаження всієї сторінки.
- 4. Задача 2 Виведіть alertзовнішнім скриптом Файл alert.js розмістити в тій самій директорії
- 5. Розв’язок Код для HTML-файлу: <!DOCTYPEhtml> <html> <head> <meta charset="utf-8"> <title>Задача 2</title> </head> <body> <script src="alert.js"></script> </body> </html> Для файла alert.js: alert( 'Я вивчаю JavaScript!' );
- 6. Задача 3 Яка послідовністьвиконання скриптів? <script src="big.js"></script> <script src="small.js"></script> <script async src="big.js"></script> <script async src="small.js"></script> <script defer src="big.js"></script> <script defer src="small.js"></script>
- 7. Розв’язки • big.js, small.js. •small.js, big.js (якщо big.js довше завантажується). • big.js, small.js.
- 8. Дещо про структурукоду alert('Один'); alert('Два'); alert('Один') alert('Два') // поганий стиль alert('Один'); alert('Два'); // гарний стиль
- 9. Коментарі alert( 'Один' ); //коментар alert( 'Два' ); // коментар /* багаторядковий коментар. alert( 'Три' ); // не виконується */ /* /* Так не можна!!! (вкладений коментар) */ */ alert( 'Чотири' ); Гарячі клавіші Ctrl+/ і Ctrl+Shift+/
- 10. Сучасний стандарт, "usestrict" Вмикається на початку коду директивою "use strict"; або ’use strict’; Скасувати не можна!
- 11. Змінні var book; book ='Кобзар'; Або так: var book = 'Кобзар'; Кілька змінних: var user = 'John', age = 25, message = 'Hi!'; В іменах змінних допускаються букви, цифри і символи _, $. Перший символ не може бути цифрою. Кирилиця не вітається! var, class, return, export… – зарезервовані імена!
- 12. Приклади використання var message; message= 'Hello!'; message = 'World!'; // поміняли значення alert( message ); var hello = 'Hello world!'; var message; // скопіювали значення message = hello; alert( hello ); // Hello world! alert( message ); // Hello world!
- 13. Константи var PHONE ='+38 050 123 45 67'; var EARTH_RADIUS = 6371;
- 14. Задача 4 1. Оголосітьзмінні admin і name. 2. Запишіть в name значення "Вася". 3. Скопіюйте значення з name в admin. 4. Виведіть admin і name.
- 15. Правильний вибір іменізмінної • Ніякого трансліту, тільки англійська • Не боятись довгих імен • “Верблюжий стиль” (“camelCase”) • Ім’я повинно відповідати даним
- 16. Задача 5 • Створітьім’я для назви першої страви в ресторані, назва страви - “Борщ". Правильне ім’я оберіть самі. • Створіть змінну для імені користувача зі значенням “Вася". Ім’я теж на ваш смак.
- 17. Розв’язок • var firstDishName= “Борщ"; • var userName = “Вася";
- 18. Загальна інформація протипи даних. typeof • Число «number» – Всі числа + Infinity + NaN • Рядок «string» – var str = "Дядя Вася"; – str = 'племінник Коля'; • Булевий (логічний) тип «boolean» – true, false • Спеціальне значення «null» • Спеціальне значення «undefined» • Об’єкти «object» – var user = { name: "Вася" };
- 19. Оператор typeof повертаєтип об’єкта: typeof x або typeof (x)