Что такое findslide.org?

FindSlide.org - это сайт презентаций, докладов, шаблонов в формате PowerPoint.


Для правообладателей

Обратная связь

Email: Нажмите что бы посмотреть 

Яндекс.Метрика

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

Содержание

FeaturesTop level functionsФункции могут возвращать функции, которые возвращают функции и т.д.ECMAScript 5-6У JS тоже есть версииНаследование через прототипы.Strings – во многом схожи с джавовскими. Можно использовать как одинарные кавычки, так и двойные.Массивы – можно использовать сразу
JavaScript FeaturesTop level functionsФункции могут возвращать функции, которые возвращают функции и т.д.ECMAScript 5-6У FeaturesScopeIf блок не создает область видимости.Цикл не создает область видимости FeaturesРазличные проперти глобального объекта – constructor, toString и т.п. HoistingЗагрузка функций и переменных в память происходит на первом этапе,  поэтому FeaturesIIFE – Immediately invoked function expression FeaturesЗамыканияИспользование «потерянного» контекста FeaturesЕще один пример замыкания. Что будет на выходе?На выходе у нас: FeaturesКак сделать так, чтобы переменная i каждый раз была такой, какой мы FeaturesСпособы создания объекта КонструктороподобныйObject.create(), ему даем (опционально) предкаПросто пишем {} (Object literal notation) Features«Асинхронная» работа – таймауты, коллбэки и т.п.Работа с event-queueStrict mode (с ES5) FeaturesФункция – особый тип объекта, который имеет у себя «вызываемый» кодК ней FeaturesПсевдомассив argumentsДает текущие аргументы, даже если их больше чем заявленоЕсли аргументов меньше FeaturesТочки с запятой, особенности парсера – лучше ставить вручнуюТриксы и приколыvoid 0 FeaturesВспомогательные методы – call, bind, applyBind – создание нового объекта с зафиксированным FeaturesJSON != object notationДля конвертации одного в другое есть удобные функции у Useful linkshttps://learn.javascript.ru/ Различные обучающие материалыhttps://www.udemy.com/understand-javascript/ Интересные видеокурсы по JS (осторожно, рутрекер) https://habrahabr.ru/post/305900/
Слайды презентации

Слайд 2 Features
Top level functions
Функции могут возвращать функции, которые возвращают

FeaturesTop level functionsФункции могут возвращать функции, которые возвращают функции и т.д.ECMAScript

функции и т.д.
ECMAScript 5-6
У JS тоже есть версии
Наследование через

прототипы.
Strings – во многом схожи с джавовскими. Можно использовать как одинарные кавычки, так и двойные.
Массивы – можно использовать сразу как стек

GIGO – Garbage In, Garbage Out






Слайд 3 Features
Scope


If блок не создает область видимости.





Цикл не создает

FeaturesScopeIf блок не создает область видимости.Цикл не создает область видимости

область видимости




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

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

т.п.


Слайд 5
Hoisting
Загрузка функций и переменных в память происходит на

HoistingЗагрузка функций и переменных в память происходит на первом этапе, поэтому

первом этапе,
поэтому можно использовать переменные до их

объявления
Считается не очень хорошей практикой




Не работает при использовании strict mode

Слайд 6 Features
IIFE – Immediately invoked function expression


FeaturesIIFE – Immediately invoked function expression

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

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

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









На

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

выходе у нас:


Слайд 9 Features
Как сделать так, чтобы переменная i каждый раз

FeaturesКак сделать так, чтобы переменная i каждый раз была такой, какой

была такой, какой мы хотим ее видеть? Нужно поместить

ее значение в новый контекст (выделено красным).


Слайд 10 Features
Способы создания объекта


Конструктороподобный


Object.create(), ему даем
(опционально) предка


Просто

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

пишем {}
(Object literal notation)


Слайд 11 Features
«Асинхронная» работа – таймауты, коллбэки и т.п.
Работа с

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

event-queue
Strict mode (с ES5)


Слайд 12 Features
Функция – особый тип объекта, который имеет у

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

себя «вызываемый» код
К ней можно добавлять проперти и использовать

как объект



Слайд 13 Features
Псевдомассив arguments
Дает текущие аргументы, даже если их больше

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

чем заявлено





Если аргументов меньше чем надо, то недостающие берутся

как undefined




Слайд 14 Features
Точки с запятой, особенности парсера – лучше ставить

FeaturesТочки с запятой, особенности парсера – лучше ставить вручнуюТриксы и приколыvoid

вручную








Триксы и приколы
void 0
default value
typeOf – самое веселое


Слайд 15 Features
Вспомогательные методы – call, bind, apply
Bind – создание

FeaturesВспомогательные методы – call, bind, applyBind – создание нового объекта с

нового объекта с зафиксированным параметром (-ами)







apply и call –

указать, на что будет указывать
this и вызвать с аргументами (массив)
call аналогично, только аргументы
через запятую


Слайд 16 Features
JSON != object notation
Для конвертации одного в другое

FeaturesJSON != object notationДля конвертации одного в другое есть удобные функции

есть удобные функции у объекта JSON :

stringify и parse


  • Имя файла: javascript-top-level-functions.pptx
  • Количество просмотров: 97
  • Количество скачиваний: 0