🗊Презентация JavaScript. Top level functions

Нажмите для полного просмотра!
JavaScript. Top level functions, слайд №1JavaScript. Top level functions, слайд №2JavaScript. Top level functions, слайд №3JavaScript. Top level functions, слайд №4JavaScript. Top level functions, слайд №5JavaScript. Top level functions, слайд №6JavaScript. Top level functions, слайд №7JavaScript. Top level functions, слайд №8JavaScript. Top level functions, слайд №9JavaScript. Top level functions, слайд №10JavaScript. Top level functions, слайд №11JavaScript. Top level functions, слайд №12JavaScript. Top level functions, слайд №13JavaScript. Top level functions, слайд №14JavaScript. Top level functions, слайд №15JavaScript. Top level functions, слайд №16JavaScript. Top level functions, слайд №17

Вы можете ознакомиться и скачать презентацию на тему JavaScript. Top level functions. Доклад-сообщение содержит 17 слайдов. Презентации для любого класса можно скачать бесплатно. Если материал и наш сайт презентаций Mypresentation Вам понравились – поделитесь им с друзьями с помощью социальных кнопок и добавьте в закладки в своем браузере.

Слайды и текст этой презентации


Слайд 1





 
JavaScript
Описание слайда:
JavaScript

Слайд 2





Features
Top level functions
Функции могут возвращать функции, которые возвращают функции и т.д.
ECMAScript 5-6
У JS тоже есть версии
Наследование через прототипы.
Strings – во многом схожи с джавовскими. Можно использовать как одинарные кавычки, так и двойные.
Массивы – можно использовать сразу как стек
GIGO – Garbage In, Garbage Out
Описание слайда:
Features Top level functions Функции могут возвращать функции, которые возвращают функции и т.д. ECMAScript 5-6 У JS тоже есть версии Наследование через прототипы. Strings – во многом схожи с джавовскими. Можно использовать как одинарные кавычки, так и двойные. Массивы – можно использовать сразу как стек GIGO – Garbage In, Garbage Out

Слайд 3





Features
Scope
If блок не создает область видимости.
Цикл не создает область видимости
Описание слайда:
Features Scope If блок не создает область видимости. Цикл не создает область видимости

Слайд 4





Features
Различные проперти глобального объекта – constructor, toString и т.п.
Описание слайда:
Features Различные проперти глобального объекта – constructor, toString и т.п.

Слайд 5






Hoisting
Загрузка функций и переменных в память происходит на первом этапе,
    поэтому можно использовать переменные до их объявления
Считается не очень хорошей практикой


Не работает при использовании strict mode
Описание слайда:
Hoisting Загрузка функций и переменных в память происходит на первом этапе, поэтому можно использовать переменные до их объявления Считается не очень хорошей практикой Не работает при использовании strict mode

Слайд 6





Features
IIFE – Immediately invoked function expression
Описание слайда:
Features IIFE – Immediately invoked function expression

Слайд 7





Features
Замыкания
Использование 
«потерянного» 
контекста
Описание слайда:
Features Замыкания Использование «потерянного» контекста

Слайд 8





Features
Еще один пример замыкания. Что будет на выходе?
На выходе у нас:
Описание слайда:
Features Еще один пример замыкания. Что будет на выходе? На выходе у нас:

Слайд 9





Features
Как сделать так, чтобы переменная i каждый раз была такой, какой мы хотим ее видеть? Нужно поместить ее значение в новый контекст (выделено красным).
Описание слайда:
Features Как сделать так, чтобы переменная i каждый раз была такой, какой мы хотим ее видеть? Нужно поместить ее значение в новый контекст (выделено красным).

Слайд 10





Features
Способы создания объекта 
Конструктороподобный
Object.create(), ему даем 
(опционально) предка
Просто пишем {} 
(Object literal notation)
Описание слайда:
Features Способы создания объекта Конструктороподобный Object.create(), ему даем (опционально) предка Просто пишем {} (Object literal notation)

Слайд 11





Features
«Асинхронная» работа – таймауты, коллбэки и т.п.
Работа с event-queue
Strict mode (с ES5)
Описание слайда:
Features «Асинхронная» работа – таймауты, коллбэки и т.п. Работа с event-queue Strict mode (с ES5)

Слайд 12





Features
Функция – особый тип объекта, который имеет у себя «вызываемый» код
К ней можно добавлять проперти и использовать как объект
Описание слайда:
Features Функция – особый тип объекта, который имеет у себя «вызываемый» код К ней можно добавлять проперти и использовать как объект

Слайд 13





Features
Псевдомассив arguments
Дает текущие аргументы, даже если их больше чем заявлено
Если аргументов меньше чем надо, то недостающие берутся как undefined
Описание слайда:
Features Псевдомассив arguments Дает текущие аргументы, даже если их больше чем заявлено Если аргументов меньше чем надо, то недостающие берутся как undefined

Слайд 14





Features
Точки с запятой, особенности парсера – лучше ставить вручную
Триксы и приколы
void 0 
default value
typeOf – самое веселое
Описание слайда:
Features Точки с запятой, особенности парсера – лучше ставить вручную Триксы и приколы void 0 default value typeOf – самое веселое

Слайд 15





Features
Вспомогательные методы – call, bind, apply
Bind – создание нового объекта с зафиксированным параметром (-ами)
apply и call – указать, на что будет указывать 
    this и вызвать с аргументами (массив)
call аналогично, только аргументы 
    через запятую
Описание слайда:
Features Вспомогательные методы – call, bind, apply Bind – создание нового объекта с зафиксированным параметром (-ами) apply и call – указать, на что будет указывать this и вызвать с аргументами (массив) call аналогично, только аргументы через запятую

Слайд 16





Features
JSON != object notation
Для конвертации одного в другое есть удобные функции у объекта JSON : 
    stringify и parse
Описание слайда:
Features JSON != object notation Для конвертации одного в другое есть удобные функции у объекта JSON : stringify и parse

Слайд 17





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 в хроме
Описание слайда:
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 в хроме



Похожие презентации
Mypresentation.ru
Загрузить презентацию