- Главная
- Разное
- Образование
- Спорт
- Естествознание
- Природоведение
- Религиоведение
- Французский язык
- Черчение
- Английский язык
- Астрономия
- Алгебра
- Биология
- География
- Геометрия
- Детские презентации
- Информатика
- История
- Литература
- Математика
- Музыка
- МХК
- Немецкий язык
- ОБЖ
- Обществознание
- Окружающий мир
- Педагогика
- Русский язык
- Технология
- Физика
- Философия
- Химия
- Шаблоны, фоны, картинки для презентаций
- Экология
- Экономика
Презентация, доклад на тему Основы JavaScript
Содержание
- 1. ПРезентация на тему Основы JavaScript
- 2. Тег SCRIPTБраузер, когда видит :Начинает отображать страницу,
- 3. Современная разметка для SCRIPTВ устаревших руководствах (до
- 4. Внешние скриптыВ HTML пишут только самые простые
- 5. Внешние скриптыЕсли указан атрибут src, то содержимое
- 6. Асинхронные скрипты: defer/asyncБраузер не ждёт, пока страница
- 7. Асинхронные скрипты: defer/asyncПока все кролики не будут
- 8. Асинхронные скриптыТо есть, в таком документе, пока не загрузится и не выполнится big.js, содержимое будет скрыто
- 9. Атрибут asyncСкрипт выполняется полностью асинхронно. То есть,
- 10. Атрибут deferСкрипт также выполняется асинхронно, не заставляет
- 11. Асинхронные скриптыПри одновременном указании async и defer в современных браузерах будет использован только async
- 12. Асинхронные скриптыАтрибуты async/defer – только для внешних
- 13. ПеременныеПеременная состоит из имени и выделенной области
- 14. Переменные
- 15. Выбор имени переменнойПравило 1 Никакого транслита. Только
- 16. 6 типов данных, typeof1. Number - единый
- 17. 6 типов данных, typeof3. Boolean 4. NullВ
- 18. 6 типов данных, typeof6. ObjectОн используется для
- 19. Оператор typeofОператор typeof возвращает тип аргумента.У него
- 20. Взаимодействие с пользователемalert(сообщение)Выводит на экран окно с
- 21. Модальное окноКонкретное место, где выводится модальное окно
- 22. Условные операторы: if, ’?’
- 23. Условные операторы: if, ’?’Оператор if (...) вычисляет
- 24. «Тернарный оператор»Вопросительный знак – единственный оператор, у
- 25. «Тернарный оператор»Последовательность операторов '?' позволяет вернуть значение в зависимости не от одного условия, а от нескольких.
- 26. Слайд 26
- 27. ЦиклыПовторение цикла по-научному называется «итерация».
- 28. ЦиклыСуществует также специальная конструкция for..in для перебора свойств объекта.
- 29. ОператорыВыйти из цикла можно не только при
- 30. ОператорыСинтаксические конструкции, которые не возвращают значений, нельзя
- 31. Конструкция Switch
- 32. ФункцииВначале идет ключевое слово function, после него
- 33. Синтаксис
- 34. Синтаксис
- 35. Синтаксис
- 36. Синтаксис
- 37. Синтаксис
Тег SCRIPTБраузер, когда видит :Начинает отображать страницу, показывает часть документа до scriptВстретив тег script, переключается в JavaScript-режим и не показывает, а исполняет его содержимое.Закончив выполнение, возвращается обратно в HTML-режим и только тогда отображает оставшуюся часть документа.
Слайд 2Тег SCRIPT
Браузер, когда видит :
Начинает отображать страницу, показывает часть документа до
script
Встретив тег script, переключается в JavaScript-режим и не показывает, а исполняет его содержимое.
Закончив выполнение, возвращается обратно в HTML-режим и только тогда отображает оставшуюся часть документа.
Встретив тег script, переключается в JavaScript-режим и не показывает, а исполняет его содержимое.
Закончив выполнение, возвращается обратно в HTML-режим и только тогда отображает оставшуюся часть документа.
Слайд 3Современная разметка для SCRIPT
В устаревших руководствах (до HTML 5) можно встретить
следующие элементы:
Атрибут , они будут проигнорированы.
Атрибут , они будут проигнорированы.
Слайд 13Переменные
Переменная состоит из имени и выделенной области памяти, которая ему соответствует.
Для
объявления или, другими словами, создания переменной используется ключевое слово var
Слайд 15Выбор имени переменной
Правило 1 Никакого транслита. Только английский.
Правило 2 Использовать короткие
имена только для переменных «местного значения».
Правило 3 Переменные из нескольких слов пишутся вместеВотТак
Правило последнее, главное. Имя переменной должно максимально чётко соответствовать хранимым в ней данным.
Правило 3 Переменные из нескольких слов пишутся вместеВотТак
Правило последнее, главное. Имя переменной должно максимально чётко соответствовать хранимым в ней данным.
Слайд 166 типов данных, typeof
1. Number - единый тип число используется как
для целых, так и для дробных чисел.
Существуют специальные числовые значения Infinity (бесконечность) и NaN (ошибка вычислений)
2. String
В JavaScript одинарные и двойные кавычки равноправны.
Тип символ не существует, есть только строка.
Существуют специальные числовые значения Infinity (бесконечность) и NaN (ошибка вычислений)
2. String
В JavaScript одинарные и двойные кавычки равноправны.
Тип символ не существует, есть только строка.
Слайд 176 типов данных, typeof
3. Boolean
4. Null
В JavaScript null не является
«ссылкой на несуществующий объект» или «нулевым указателем», как в некоторых других языках.
Это просто специальное значение, которое имеет смысл «ничего» или «значение неизвестно».
5. Undefined
Оно имеет смысл «значение не присвоено».
Если переменная объявлена, но в неё ничего не записано, то её значение как раз и есть undefined
Это просто специальное значение, которое имеет смысл «ничего» или «значение неизвестно».
5. Undefined
Оно имеет смысл «значение не присвоено».
Если переменная объявлена, но в неё ничего не записано, то её значение как раз и есть undefined
Слайд 186 типов данных, typeof
6. Object
Он используется для коллекций данных и для
объявления более сложных сущностей.
Объявляются объекты при помощи фигурных скобок {...}
Объявляются объекты при помощи фигурных скобок {...}
Слайд 19Оператор typeof
Оператор typeof возвращает тип аргумента.
У него есть два синтаксиса: со
скобками и без:
1. Синтаксис оператора: typeof x.
2. Синтаксис функции: typeof(x).
Работают они одинаково, но первый синтаксис короче.
Результатом typeof является строка, содержащая тип
1. Синтаксис оператора: typeof x.
2. Синтаксис функции: typeof(x).
Работают они одинаково, но первый синтаксис короче.
Результатом typeof является строка, содержащая тип
Слайд 20Взаимодействие с пользователем
alert(сообщение)
Выводит на экран окно с сообщением и приостанавливает выполнение
скрипта, пока пользователь не нажмёт «ОК»
prompt(title, default);
Она выводит модальное окно с заголовком title, полем для ввода текста, заполненным строкой по умолчанию default и кнопками OK/CANCEL
confirm(question);
Выводит сообщение и ждёт, пока пользователь нажмёт «OK» или «CANCEL» и возвращает true/false
prompt(title, default);
Она выводит модальное окно с заголовком title, полем для ввода текста, заполненным строкой по умолчанию default и кнопками OK/CANCEL
confirm(question);
Выводит сообщение и ждёт, пока пользователь нажмёт «OK» или «CANCEL» и возвращает true/false
Слайд 21Модальное окно
Конкретное место, где выводится модальное окно с вопросом – обычно
это центр браузера, и внешний вид окна выбирает браузер.
Разработчик не может на это влиять.
Разработчик не может на это влиять.
Слайд 23Условные операторы: if, ’?’
Оператор if (...) вычисляет и преобразует выражение в
скобках к логическому типу.
В логическом контексте:
Число 0, пустая строка "", null и undefined, а также NaN являются false,
Остальные значения – true.
Для этого используется блок else if ...
Слайд 24«Тернарный оператор»
Вопросительный знак – единственный оператор, у которого есть аж три
аргумента, в то время как у обычных операторов их один-два. Поэтому его называют «тернарный оператор».
Слайд 25«Тернарный оператор»
Последовательность операторов '?' позволяет вернуть значение в зависимости не от
одного условия, а от нескольких.
Слайд 29Операторы
Выйти из цикла можно не только при проверке условия но и,
вообще, в любой момент. Эту возможность обеспечивает директива break
Директива continue прекращает выполнение текущей итерации цикла.
Она прерывает не весь цикл, а только текущее выполнение его тела, как будто оно закончилось.
Её используют, если понятно, что на текущем повторе цикла делать больше нечего.
Директива continue прекращает выполнение текущей итерации цикла.
Она прерывает не весь цикл, а только текущее выполнение его тела, как будто оно закончилось.
Её используют, если понятно, что на текущем повторе цикла делать больше нечего.
Слайд 30Операторы
Синтаксические конструкции, которые не возвращают значений, нельзя использовать в операторе '?'.
К
таким относятся большинство конструкций и, в частности, break/continue.
Поэтому такой код приведёт к ошибке:
(i > 5) ? alert(i) : continue;
Впрочем, как уже говорилось ранее, оператор вопросительный знак '?' не стоит использовать таким образом. Это – всего лишь ещё одна причина, почему для проверки условия предпочтителен if.
Поэтому такой код приведёт к ошибке:
(i > 5) ? alert(i) : continue;
Впрочем, как уже говорилось ранее, оператор вопросительный знак '?' не стоит использовать таким образом. Это – всего лишь ещё одна причина, почему для проверки условия предпочтителен if.
Слайд 32Функции
Вначале идет ключевое слово function, после него имя функции, затем список
параметров в скобках (в примере выше он пустой) и тело функции – код, который выполняется при её вызове.
