Оцените презентацию от 1 до 5 баллов!
Тип файла:
ppt / pptx (powerpoint)
Всего слайдов:
17 слайдов
Для класса:
1,2,3,4,5,6,7,8,9,10,11
Размер файла:
1.74 MB
Просмотров:
56
Скачиваний:
0
Автор:
неизвестен
Слайды и текст к этой презентации:
№1 слайд![JavaScript](/documents_6/5db1c2cc7c9489bd1afd3ccffb7aead9/img0.jpg)
Содержание слайда: JavaScript
№2 слайд![Features Top level functions](/documents_6/5db1c2cc7c9489bd1afd3ccffb7aead9/img1.jpg)
Содержание слайда: Features
Top level functions
Функции могут возвращать функции, которые возвращают функции и т.д.
ECMAScript 5-6
У JS тоже есть версии
Наследование через прототипы.
Strings – во многом схожи с джавовскими. Можно использовать как одинарные кавычки, так и двойные.
Массивы – можно использовать сразу как стек
GIGO – Garbage In, Garbage Out
№3 слайд![Features Scope If блок не](/documents_6/5db1c2cc7c9489bd1afd3ccffb7aead9/img2.jpg)
Содержание слайда: Features
Scope
If блок не создает область видимости.
Цикл не создает область видимости
№4 слайд![Features Различные проперти](/documents_6/5db1c2cc7c9489bd1afd3ccffb7aead9/img3.jpg)
Содержание слайда: Features
Различные проперти глобального объекта – constructor, toString и т.п.
№5 слайд![Hoisting Загрузка функций и](/documents_6/5db1c2cc7c9489bd1afd3ccffb7aead9/img4.jpg)
Содержание слайда: Hoisting
Загрузка функций и переменных в память происходит на первом этапе,
поэтому можно использовать переменные до их объявления
Считается не очень хорошей практикой
Не работает при использовании strict mode
№6 слайд![Features IIFE Immediately](/documents_6/5db1c2cc7c9489bd1afd3ccffb7aead9/img5.jpg)
Содержание слайда: Features
IIFE – Immediately invoked function expression
№7 слайд![Features Замыкания](/documents_6/5db1c2cc7c9489bd1afd3ccffb7aead9/img6.jpg)
Содержание слайда: Features
Замыкания
Использование
«потерянного»
контекста
№8 слайд![Features Еще один пример](/documents_6/5db1c2cc7c9489bd1afd3ccffb7aead9/img7.jpg)
Содержание слайда: Features
Еще один пример замыкания. Что будет на выходе?
На выходе у нас:
№9 слайд![Features Как сделать так,](/documents_6/5db1c2cc7c9489bd1afd3ccffb7aead9/img8.jpg)
Содержание слайда: Features
Как сделать так, чтобы переменная i каждый раз была такой, какой мы хотим ее видеть? Нужно поместить ее значение в новый контекст (выделено красным).
№10 слайд![Features Способы создания](/documents_6/5db1c2cc7c9489bd1afd3ccffb7aead9/img9.jpg)
Содержание слайда: Features
Способы создания объекта
Конструктороподобный
Object.create(), ему даем
(опционально) предка
Просто пишем {}
(Object literal notation)
№11 слайд![Features Асинхронная работа](/documents_6/5db1c2cc7c9489bd1afd3ccffb7aead9/img10.jpg)
Содержание слайда: Features
«Асинхронная» работа – таймауты, коллбэки и т.п.
Работа с event-queue
Strict mode (с ES5)
№12 слайд![Features Функция особый тип](/documents_6/5db1c2cc7c9489bd1afd3ccffb7aead9/img11.jpg)
Содержание слайда: Features
Функция – особый тип объекта, который имеет у себя «вызываемый» код
К ней можно добавлять проперти и использовать как объект
№13 слайд![Features Псевдомассив](/documents_6/5db1c2cc7c9489bd1afd3ccffb7aead9/img12.jpg)
Содержание слайда: Features
Псевдомассив arguments
Дает текущие аргументы, даже если их больше чем заявлено
Если аргументов меньше чем надо, то недостающие берутся как undefined
№14 слайд![Features Точки с запятой,](/documents_6/5db1c2cc7c9489bd1afd3ccffb7aead9/img13.jpg)
Содержание слайда: Features
Точки с запятой, особенности парсера – лучше ставить вручную
Триксы и приколы
void 0
default value
typeOf – самое веселое
№15 слайд![Features Вспомогательные](/documents_6/5db1c2cc7c9489bd1afd3ccffb7aead9/img14.jpg)
Содержание слайда: Features
Вспомогательные методы – call, bind, apply
Bind – создание нового объекта с зафиксированным параметром (-ами)
apply и call – указать, на что будет указывать
this и вызвать с аргументами (массив)
call аналогично, только аргументы
через запятую
№16 слайд![Features JSON ! object](/documents_6/5db1c2cc7c9489bd1afd3ccffb7aead9/img15.jpg)
Содержание слайда: Features
JSON != object notation
Для конвертации одного в другое есть удобные функции у объекта JSON :
stringify и parse
№17 слайд![Useful links https](/documents_6/5db1c2cc7c9489bd1afd3ccffb7aead9/img16.jpg)
Содержание слайда: Useful links
https://learn.javascript.ru/ Различные обучающие материалы
https://www.udemy.com/understand-javascript/ Интересные видеокурсы по JS (осторожно, рутрекер)
https://habrahabr.ru/post/305900/ Новое в ES6
http://www.w3schools.com/js/default.asp туториал
Ctrl + Shift + J dev tools в хроме