Что такое 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
  • Количество просмотров: 122
  • Количество скачиваний: 0
- Предыдущая Электронная подпись
Следующая - Международное воздушное право

Похожие презентации

В мире кодов В мире кодов 131
Программный принцип работы компьютера Программный принцип работы компьютера 212
Урок № 2 Способи подання інформації_Для учнів Урок № 2 Способи подання інформації_Для учнів 244
Буклеты Буклеты 224
Интерактивные игры для детей. Основные приемы, используемые при работе с интерактивными досками(презентация) презентация по информатике Интерактивные игры для детей. Основные приемы, используемые при работе с интерактивными досками(презентация) презентация по информатике 153
РАЗВИВАЮЩИЕ КОМПЬЮТЕРНЫЕ ИГРЫ ДЛЯ ДЕТЕЙ РАЗВИВАЮЩИЕ КОМПЬЮТЕРНЫЕ ИГРЫ ДЛЯ ДЕТЕЙ 128
Практическая работа Создание VRML документов Практическая работа Создание VRML документов 135
Алгоритм построения модели вала в системе компьютерного черчения КОМПАС Алгоритм построения модели вала в системе компьютерного черчения КОМПАС 164
Макет заголовка с рисунком Макет заголовка с рисунком 124
Эволюция компьютерной графики Эволюция компьютерной графики 104
Операционная система Операционная система 90
Дисковые накопители для ноутбуков и ПК Дисковые накопители для ноутбуков и ПК 94
Файлы и файловая система Файлы и файловая система 132
Характер и история криптографической деятельности. Композиции, модели и синтез шифров Характер и история криптографической деятельности. Композиции, модели и синтез шифров 110
Технократия в информационном обществе Технократия в информационном обществе 108
Файлы пакетной обработки Файлы пакетной обработки 127
Устройство компьютерной сети Устройство компьютерной сети 105
Томский государственный университет. Научная библиотека Томский государственный университет. Научная библиотека 120
MSC.Mvision Workshops 12 MSC.Mvision Workshops 12 124
Әлемді өзерткен жаңалықтар тақырыбында 5 сыныпқа арналған презентация Әлемді өзерткен жаңалықтар тақырыбында 5 сыныпқа арналған презентация 185
Знакомство с языком программирования QBasic Знакомство с языком программирования QBasic 129
База даних MS Access База даних MS Access 126
Антивирусные программы Антивирусные программы 104
Java. Описание классов, модификаторы доступа Java. Описание классов, модификаторы доступа 163
Проверочная работа по теме Проверочная работа по теме 127
Системный блок Системный блок 123
Устройство сети Интернет Устройство сети Интернет 107
Презентация по информатике на тему База данных как модель предметной области (9 класс) Презентация по информатике на тему База данных как модель предметной области (9 класс) 203
Основы языка Visual Prolog Основы языка Visual Prolog 153
Презентация по информатике Примеры комплектации компьютерного рабочего места Презентация по информатике Примеры комплектации компьютерного рабочего места 47