Шпаргалка по JavaScript, PDFНиже вы можете найти шпаргалку Javascript в .pdf, а также в тексте.


Contents

Шпаргалка JavaScript

  • Ссылка на скачивание

Основы JavaScript

Давайте начнем с основ – как включить JavaScript на веб-сайте.

Включение JavaScript в HTML-страницу

Чтобы включить JavaScript внутри страницы, нужно обернуть его

С помощью этого ввода браузер может правильно идентифицировать и выполнить код.

Вызов внешнего файла JavaScript

Вы также можете разместить JavaScript в своем собственном файле и назвать его внутри своего HTML. Таким образом, вы можете хранить разные типы кода отдельно друг от друга, что делает файлы более организованными. Если ваш код находится в файле с именем myscript.js, Вы бы назвали это:

Включая комментарии

Комментарии важны, потому что они помогают другим людям понять, что происходит в вашем коде, или напомнить вам, если вы что-то забыли сами. Имейте в виду, что они должны быть помечены правильно, чтобы браузер не пытался выполнить их.

В JavaScript у вас есть два разных варианта:

  • Однострочные комментарии - Чтобы добавить комментарий, ограниченный одной строкой, добавьте к нему //
  • Многострочные комментарии - Если вы хотите написать более длинные комментарии между несколькими строками, оберните их / * а также * / чтобы избежать его исполнения

Переменные в JavaScript

Переменные - это стандартные значения, которые вы можете использовать для выполнения операций. Вы должны быть знакомы с ними из математического класса.

вар, Const, позволять

У вас есть три различных способа объявления переменной в JavaScript, каждая из которых имеет свои особенности:

  • вар - самая распространенная переменная. Он может быть переназначен, но доступен только внутри функции. Переменные, определенные с вар перейти к вершине, когда код выполняется.
  • Const - Не может быть переназначен и недоступен, пока они не появятся в коде.
  • позволять - Похожий на Const,  позволять переменная может быть переназначена, но не объявлена ​​повторно.

Типы данных

Переменные могут содержать различные типы значений и типов данных. Ты используешь знак равно назначить их:

  • Числа - var age = 23
  • Переменные - вар х
  • Текст (строки) - var a = "init"
  • Операции - var b = 1 + 2 + 3
  • Истинные или ложные утверждения - var c = true
  • Постоянные числа - const PI = 3,14
  • Объекты - var name = {firstName: "John", lastName: "Doe"}

Есть больше возможностей. Обратите внимание, что переменные чувствительны к регистру. Это значит фамилия а также фамилия будет обрабатываться как две разные переменные.

Объекты

Объекты - это определенные виды переменных. Это переменные, которые могут иметь свои собственные значения и методы. Последние действия, которые вы можете выполнять над объектами.

var person = {
Имя: «Джон»,
LastName: "Doe",
Возраст: 20,
национальности: «Немецкий»
};

Следующий уровень: массивы

Далее в нашем чит-листе JavaScript находятся массивы. Массивы являются частью разных языков программирования. Это способ организации переменных и свойств в группы. Вот как это сделать в JavaScript:

var fruit = ["Банан", "Яблоко", "Груша"];

Теперь у вас есть массив с именем фрукты который содержит три элемента, которые вы можете использовать для будущих операций.

Методы массива

После того, как вы создали массивы, вы можете сделать с ними несколько вещей:

  • CONCAT () - Объедините несколько массивов в один
  • индекс() - Возвращает первую позицию, в которой данный элемент появляется в массиве.
  • присоединиться() - Объединить элементы массива в одну строку и вернуть строку
  • LastIndexOf () - Дает последнюю позицию, в которой данный элемент появляется в массиве
  • поп () - удаляет последний элемент массива
  • От себя() - Добавить новый элемент в конце
  • обеспечить регресс() - Сортировка элементов в порядке убывания
  • сдвиг() - удалить первый элемент массива
  • кусочек() - вытягивает копию части массива в новый массив
  • Сортировать() - сортирует элементы по алфавиту
  • сплайсинга () - Добавляет элементы указанным способом и позицией
  • нанизывать() - Преобразует элементы в строки
  • unshift () - добавляет новый элемент в начало
  • значение() - возвращает примитивное значение указанного объекта

операторы

Если у вас есть переменные, вы можете использовать их для выполнения различных видов операций. Для этого вам нужны операторы.

Основные операторы

  • + - дополнение
  • - - вычитание
  • * - Умножение
  • / - Отдел
  • (...) - оператор группировки, операции в скобках выполняются раньше, чем вне
  • % - Модуль (остаток)
  • ++ - Инкремент числа
  • -- - Декремент номера

Операторы сравнения

  • == - Равно
  • === - Равное значение и равный тип
  • !знак равно - Не равный
  • !== - Не равное значение или не равный тип
  • > - Лучше чем
  • < - Меньше, чем
  • > = - Больше или равно
  • <= - Меньше или равно
  • ? - Тернарный оператор

Логические Операторы

  • && - логично и
  • || - логический или
  • ! - не логично

Битовые операторы

  • & - И заявление
  • | - ИЛИ заявление
  • ~ - НЕ
  • ^ - XOR
  • << - Левый "шифт
  • >> - Сдвиг вправо
  • >>> - Нулевое заполнение правого сдвига

функции

Функции JavaScript - это блоки кода, которые выполняют определенную задачу. Основная функция выглядит так:

имя функции (параметр1, параметр2, параметр3) {
// что делает функция
}

Как видите, он состоит из функция Ключевое слово плюс имя. Параметры функции находятся в скобках, и у вас есть фигурные скобки вокруг того, что функция выполняет. Вы можете создать свой собственный, но чтобы сделать вашу жизнь проще - есть также ряд функций по умолчанию.

Вывод данных

Распространенным приложением для функций является вывод данных. Для вывода у вас есть следующие опции:

  • Оповещение () - Вывод данных в окне предупреждения в окне браузера
  • подтверждение () - Открывает диалог да / нет и возвращает истину / ложь в зависимости от клика пользователя
  • console.log () - Записывает информацию в консоль браузера, подходит для отладки
  • document.write () - Написать прямо в HTML-документ
  • незамедлительный() - Создает диалог для пользовательского ввода

Глобальные функции

Глобальные функции - это функции, встроенные в каждый браузер, поддерживающий JavaScript.

  • decodeURI () - Расшифровывает Унифицированный идентификатор ресурса (URI) создан encodeURI или похожие
  • decodeURIComponent () - Декодирует компонент URI
  • encodeURI () - Кодирует URI в UTF-8
  • encodeURIComponent () - То же самое, но для компонентов URI
  • Eval () - Оценивает код JavaScript, представленный в виде строки
  • isFinite () - Определяет, является ли переданное значение конечным числом
  • IsNaN () - Определяет, является ли значение NaN или нет
  • Число() - Возвращает число, преобразованное из его аргумента
  • parseFloat () - анализирует аргумент и возвращает число с плавающей точкой
  • ParseInt () - анализирует аргумент и возвращает целое число

Циклы JavaScript

Циклы являются частью большинства языков программирования. Они позволяют выполнять блоки кода нужное количество раз с разными значениями:

for (до цикла; условие для цикла; выполнить после цикла) {
// что делать во время цикла
}

У вас есть несколько параметров для создания циклов:

  • за - Самый распространенный способ создания цикла в JavaScript
  • пока - устанавливает условия выполнения цикла
  • делать пока - аналогично пока цикл, но он выполняется по крайней мере один раз и в конце выполняет проверку, чтобы увидеть, выполнено ли условие для выполнения снова
  • перемена - Используется для остановки и выхода из цикла при определенных условиях
  • Продолжить - Пропустить части цикла, если соблюдены определенные условия

Если - еще Заявления

Эти типы утверждений легко понять. Используя их, вы можете установить условия, когда ваш код выполняется. Если применяются определенные условия, что-то делается, если нет - выполняется что-то другое.

if (условие) {
// что делать, если условие выполнено
} еще {
// что делать, если условие не выполнено
}

Подобная концепция если еще это переключатель заявление. Однако, используя переключатель, вы выбираете один из нескольких блоков кода для выполнения.

Струны

Строки - это то, что JavaScript вызывает для текста, который не выполняет функцию, но может появляться на экране..

var person = "Джон Доу";

В этом случае, Джон Доу это строка.

Побег персонажей

В JavaScript строки помечаются одинарными или двойными кавычками. Если вы хотите использовать кавычки в строке, вам нужно использовать специальные символы:

  • - одинарная цитата
  • - Двойная цитата

Помимо этого у вас также есть дополнительные escape-символы:

  • \\ - Обратная косая черта
  • \ б - Backspace
  • \ е - Форма подачи
  • \ п - Новая линия
  • - Возврат каретки
  • \ т - Горизонтальный табулятор
  • \ v - Вертикальный табулятор

Строковые Методы

Есть много разных способов работы со строками:

  • Charat () - возвращает символ в указанной позиции внутри строки
  • charCodeAt () - дает вам Unicode персонажа в этой позиции
  • CONCAT () - Объединяет (объединяет) две или более строки в одну
  • fromCharCode () - возвращает строку, созданную из указанной последовательности единиц кода UTF-16
  • индекс() - Предоставляет позицию первого вхождения указанного текста в строке
  • LastIndexOf () - Такой же как индекс() но с последним вхождением, поиск в обратном направлении
  • матч() - Получает совпадения строки с шаблоном поиска
  • заменить () - Найти и заменить указанный текст в строке
  • поиск() - выполняет поиск соответствующего текста и возвращает его позицию
  • кусочек() - Извлекает часть строки и возвращает ее как новую строку.
  • Трещина() - Разбивает строковый объект на массив строк в указанной позиции
  • зиЬзЬг () - Похожий на кусочек() но извлекает подстроку в зависимости от указанного количества символов
  • подстроку () - Также похоже на кусочек() но не могу принять отрицательные показатели
  • toLowerCase () - конвертировать строки в нижний регистр
  • toUpperCase () - Конвертировать строки в верхний регистр
  • значение() - Возвращает примитивное значение (у которого нет свойств или методов) строкового объекта.

Синтаксис регулярных выражений

Регулярные выражения - это шаблоны поиска, используемые для сопоставления комбинаций символов в строках. Шаблон поиска можно использовать для поиска текста и замены текста..

Модификаторы

  • е - Оценить замену
  • я - Выполнить сопоставление без учета регистра
  • г - Выполнить глобальное сопоставление
  • м - Выполнить сопоставление нескольких строк
  • s - рассматривать строки как одну строку
  • Икс - Разрешить комментарии и пробелы в шаблоне
  • U - Нечестивый образец

Скобки

  • [ABC] - Найти любой из символов в скобках
  • [^ А] - найти любой символ, который не находится в скобках
  • [0-9] - Используется для поиска любой цифры от 0 до 9
  • [A-Z] - Найти любой символ из прописных букв A в строчные z
  • (А | б | в) - Найти любую из альтернатив, разделенных |

метасимволов

  • . - Найти один символ, кроме новой строки или окончания строки
  • \ ш - слово персонажа
  • \ W - Несловарный характер
  • \ d - цифра
  • \ D - нецифровый символ
  • \ s - Пробельные символы
  • \ S - не пробельный символ
  • \ б - Найти совпадение в начале / конце слова
  • \ B - совпадение не в начале / конце слова
  • \ 0 - NUL персонаж
  • \ п - Новая строка персонажа
  • \ е - Форма подачи персонажа
  • - Символ возврата каретки
  • \ т - Символ табуляции
  • \ v - Вертикальный символ табуляции
  • \ ххх - символ, указанный восьмеричным числом ххх
  • \ XDD - Символ, указанный шестнадцатеричным числом dd
  • \ ихххх - Символ Unicode, указанный шестнадцатеричным числом XXXX

Кванторы

  • N+ - Соответствует любой строке, содержащей хотя бы одно n
  • п * - Любая строка, которая содержит ноль или более вхождений n
  • N? - Строка, которая содержит ноль или одно вхождение n
  • п {X} - Строка, содержащая последовательность X n
  • п {X, Y} - Строки, содержащие последовательность от X до Y n
  • п {Х,} - Соответствует любой строке, которая содержит последовательность не менее X n
  • п $ - Любая строка с n в конце
  • ^ п - строка в начале
  • ?= п - Любая строка, за которой следует определенная строка n
  • ?!N - Строка, за которой не следует определенная строка ni

Числа и Математика

В JavaScript вы также можете работать с числами, константами и выполнять математические функции.

Свойства номера

  • MAX_VALUE - максимальное числовое значение, представимое в JavaScript
  • MIN_VALUE - Наименьшее положительное числовое значение, представимое в JavaScript
  • NaN - значение «не число»
  • NEGATIVE_INFINITY - отрицательное значение бесконечности
  • POSITIVE_INFINITY - положительное значение бесконечности

Численные методы

  • toExponential () - возвращает строку с округленным числом, записанным в виде экспоненциальной записи
  • toFixed () - возвращает строку числа с указанным количеством десятичных знаков
  • toPrecision () - строка числа, записанного с указанной длиной
  • нанизывать() - возвращает число в виде строки
  • значение() - возвращает число как число

Математические свойства

  • Е - номер Эйлера
  • LN2 - натуральный логарифм 2
  • LN10 - натуральный логарифм 10
  • LOG2E - База 2 логарифм Е
  • LOG10E - База 10 логарифм Е
  • ПИ - число пи
  • SQRT1_2 - квадратный корень из 1/2
  • SQRT2 - квадратный корень из 2

Математические методы

  • абс (х) - возвращает абсолютное (положительное) значение x
  • экоса (х) - арккозин х, в радианах
  • ASIN (х) - арксинус х, в радианах
  • Atan (х) - Арктангенс x как числовое значение
  • atan2 (у, х) - Арктангенс фактора его аргументов
  • CEIL (х) - Значение х округляется до ближайшего целого
  • сов (х) - косинус х (х в радианах)
  • ехр (х) - значение ЕИкс
  • пол (х) - значение х округляется до ближайшего целого числа
  • Журнал (х) - натуральный логарифм (основание Е) х
  • макс (х, у, г, ..., п) - возвращает число с наибольшим значением
  • мин (х, у, г, ..., п) - То же самое для числа с наименьшим значением
  • пау (х, у) - Х в степень у
  • случайным образом () - возвращает случайное число от 0 до 1
  • круглые (х) - значение х округляется до ближайшего целого
  • грех (х) - синус х (х в радианах)
  • SQRT (х) - квадратный корень из х
  • тангенс (х) - тангенс угла

Работа с датами в JavaScript

Вы также можете работать с датами и временем и изменять их с помощью JavaScript. Это следующая глава в чит-листе JavaScript.

Установка даты

  • Свидание() - Создает новый объект даты с текущей датой и временем
  • Дата (2017, 5, 21, 3, 23, 10, 0) - Создать пользовательский объект даты. Числа представляют год, месяц, день, час, минуты, секунды, миллисекунды. Вы можете опустить все, что вы хотите, за исключением года и месяца.
  • Дата ( "2017-06-23") - Объявление даты в виде строки

Вытащить значения даты и времени

  • GetDate () - Получить день месяца как число (1-31)
  • getDay () - День недели как число (0-6)
  • getFullYear () - Год в виде четырехзначного числа (гггг)
  • getHours () - Получи час (0-23)
  • getMilliseconds () - миллисекунда (0-999)
  • getMinutes () - Получи минуты (0-59)
  • getMonth () - Месяц как число (0-11)
  • getSeconds () - получить второе (0-59)
  • GetTime () - Получите миллисекунды с 1 января 1970 года
  • getUTCDate () - день (дата) месяца в указанной дате в соответствии с универсальным временем (также доступно для дня, месяца, полного года, часов, минут и т. Д.)
  • синтаксический анализ - анализирует строковое представление даты и возвращает количество миллисекунд с 1 января 1970 г.

Установить часть даты

  • SETDATE () - Установите день как число (1-31)
  • setFullYear () - устанавливает год (опционально месяц и день)
  • setHours () - Установите час (0-23)
  • setMilliseconds () - Установить миллисекунды (0-999)
  • setMinutes () - устанавливает минуты (0-59)
  • setMonth () - Установите месяц (0-11)
  • setSeconds () - устанавливает секунды (0-59)
  • установить время() - Установите время (миллисекунды с 1 января 1970 г.)
  • setUTCDate () - Устанавливает день месяца для указанной даты в соответствии с универсальным временем (также доступно для дня, месяца, полного года, часов, минут и т. Д.)

DOM Mode

DOM является Объектная модель документа страницы. Это код структуры веб-страницы. JavaScript поставляется с множеством различных способов создания и управления HTML-элементами (называемыми узлами)..

Свойства узла

  • атрибуты - Возвращает живую коллекцию всех атрибутов, зарегистрированных для элемента.
  • BaseUri - Предоставляет абсолютный базовый URL-адрес элемента HTML
  • ChildNodes - Предоставляет коллекцию дочерних узлов элемента
  • Первый ребенок - возвращает первый дочерний узел элемента
  • последний ребенок - последний дочерний узел элемента
  • NextSibling - Дает вам следующий узел на том же уровне дерева узлов
  • NODENAME - возвращает имя узла
  • NODETYPE - возвращает тип узла
  • nodeValue - Устанавливает или возвращает значение узла
  • ownerDocument - Объект документа верхнего уровня для этого узла
  • ParentNode - возвращает родительский узел элемента
  • PreviousSibling - возвращает узел, непосредственно предшествующий текущему
  • TextContent - Устанавливает или возвращает текстовое содержимое узла и его потомков

Методы узла

  • AppendChild () - Добавляет новый дочерний узел к элементу как последний дочерний узел.
  • cloneNode () - клонирует элемент HTML
  • compareDocumentPosition () - Сравнивает положение документа двух элементов
  • getFeature () - Возвращает объект, который реализует API указанной функции
  • HasAttributes () - возвращает true, если элемент имеет какие-либо атрибуты, в противном случае - false
  • hasChildNodes () - Возвращает true, если у элемента есть дочерние узлы, в противном случае - false
  • InsertBefore () - Вставляет новый дочерний узел перед указанным существующим дочерним узлом.
  • isDefaultNamespace () - Возвращает true, если заданный namespaceURI является значением по умолчанию, иначе false
  • isEqualNode () - Проверяет, равны ли два элемента
  • isSameNode () - Проверяет, являются ли два элемента одним узлом
  • поддерживается() - Возвращает true, если указанная функция поддерживается на элементе
  • lookupNamespaceURI () - возвращает URI пространства имен, связанный с данным узлом
  • lookupPrefix () - возвращает строку DOMString, содержащую префикс для заданного URI пространства имен, если таковой имеется
  • нормализуют () - Объединяет смежные текстовые узлы и удаляет пустые текстовые узлы в элементе
  • RemoveChild () - удаляет дочерний узел из элемента
  • replaceChild () - заменяет дочерний узел в элементе

Методы Элемента

  • GetAttribute () - возвращает указанное значение атрибута узла элемента
  • getAttributeNS () - возвращает строковое значение атрибута с указанным пространством имен и именем
  • getAttributeNode () - получает указанный атрибут узла
  • getAttributeNodeNS () - возвращает узел атрибута для атрибута с заданным пространством имен и именем
  • getElementsByTagName () - Предоставляет коллекцию всех дочерних элементов с указанным именем тега.
  • getElementsByTagNameNS () - возвращает активную коллекцию HTMLCol элементов с определенным именем тега, принадлежащим данному пространству имен
  • hasAttribute () - возвращает true, если элемент имеет какие-либо атрибуты, в противном случае - false
  • hasAttributeNS () - Предоставляет значение true / false, указывающее, имеет ли текущий элемент в данном пространстве имен указанный атрибут
  • removeAttribute () - удаляет указанный атрибут из элемента
  • removeAttributeNS () - удаляет указанный атрибут из элемента в определенном пространстве имен
  • removeAttributeNode () - забирает указанный атрибут узла и возвращает удаленный узел
  • SetAttribute () - Устанавливает или изменяет указанный атрибут на указанное значение
  • setAttributeNS () - Добавляет новый атрибут или изменяет значение атрибута с заданным пространством имен и именем.
  • setAttributeNode () - Устанавливает или изменяет указанный атрибут узла
  • setAttributeNodeNS () - Добавляет новый узел атрибута пространства имен к элементу

Работа с браузером пользователя

Помимо HTML-элементов, JavaScript также может учитывать браузер пользователя и включать его свойства в код.

Свойства окна

  • закрыто - Проверяет, было ли окно закрыто или нет, и возвращает true или false
  • defaultStatus - Устанавливает или возвращает текст по умолчанию в строке состояния окна
  • документ - возвращает объект документа для окна
  • кадры - возвращает все