Jscheatsheet
Дополнительный источник: https://developer.mozilla.org/id/docs/web/javascript/a_re-introduction_to_javascript
Тип данных
Переменная
Объявление: зарегистрируйте переменные в соответствующую область.
Инициализация: предоставление памяти для переменных.
Присвоение: Определите конкретные значения в переменные.
Переменные требования:
- без пробелов.
- Верблюда.
- Не начинать с чисел.
- Не используйте ключевые слова и зарезервированное слово.
- Переменная область: локальный и глобальный.
Var, Let & Const
Рефакторинг: процесс изменения кода, чтобы быть лучше без изменения его функциональности.
Alasan:
- Readability
- DRY, dont repeat yourself
- Testability
- Performance
- Maintainability
Управление потоком
Повторение (петля)
Пока а. while (условие) {action}; беременный начальное значение while (условие завершения) {action; Приращение/уменьшение; }
для (начальное значение; условия завершения; приращение/ уменьшение) {action; }
Для (строка, массив, аргументы, typedarray, map, set, пользовательские итераблеры) const name = 'rama'; для (const n name) {console.log (n); }
для (перечисленное / свойство из объекта) const mhs = {name: 'rama', возраст: 29, электронная почта: '[email protected]',}; for (m в mhs) {console.log (mhs [m]); }
делать пока
Выбор (выбор)
- Если еще если (условие) {action 1; } else {action 2; }
- иначе if if (условие 1) {action 1; } else if (условие 2) {action 2; } else if (условие n) {action n; } else {по умолчанию действие; }
- коммутатор переключателя (выражение) {case "значение 1": действие 1; [Break;] случай "Значение 2": Действие 2; [break;] случай "значение n": действие n; [Break;] по умолчанию: действие по умолчанию [Break;]}
Функция
Объем
- Глобальный / окно, пусть a = 1; console.log (a);
- Функция функции Function Test () {let b = 2; } тест (); Console.log (b);
- Function Function Test () {let C = 3; console.log (c); } тест ();
Рекурсия: функция, которая называет себя.
Выполнение:
- Замена цикла
- Серия Фибоначчи
- Поиск и поиск списков данных Список и примеры деревьев: факториальная функция (n) {if (n === 0) return 1; Вернуть n * факториал (n -1); }
Структура данных
Массив: Сбор элементов (значение / переменная), который каждый элемент имеет индекс. Функция массива:
- Облегчить управление / ценность / управление данными
- Пример управления памятью: пусть hari = [«понедельник», «вторник», «среда», 1];
Манипуляция массива
- Количество элементов: длина
- Объединение: присоединиться
- Добавить и удалить: В конце: нажмите, заплыть в начале: без устранения, сдвиг
- Подключитесь и вырезайте:
- Splice nameralarray.splice (indexawal, maudihausu, elementbaru1, new element2, ...);
- Slice let arraybaru = namerarray.slice (indexawal, end);
- Петля:
- Не в форме массива: foreach nameraray.foreach (function (parameter) {action;})
- В форме массива: map nameraray.map (function (parameter) {action;})
- Sort Array: Sort namerarray.sort ();
- Ищу элементы массива:
- Одно значение: найти let arraybaru = namerarray.find (function (parameter) {return;})
- Многие значения: фильтр let arraybaru = namerarray.filter (function (parameter) {return;})
Объект: Сбор элементов (значение/ переменная), который каждый элемент имеет свойство.
- Литеральный объект: не эффективен для многих объектов. Let namebject = {property1: value1, property2: value2, method1: function1
} - Функция функции функции namebject (param1, param2) {declaration object = {}; Object.prperty1 = param1; Object.prperty2 = param2; вернуть объект; } Object New Declaration = nameBject (value1, value2);
- Функция функции объекта namebject (param1, param2) {this.prperty1 = param1; этот. ProgramRty2 = param2; } Object New Declaration = new nameBject (value1, value2); Это глобальный объект Scope.
- Object.create () function namebject (param1, param2) {объявление Object = object.create {}; Object.prperty1 = param1; Object.prperty2 = param2; вернуть объект; } Object New Declaration = nameBject (value1, value2);
- Прототипическая функция наследования namebject (param1, param2) {this.prperty1 = param1; этот. ProgramRty2 = param2; } NameObject.pototype.method1 = function1; Nameobject.pototype.method2 = function2; NameObject.pototype.method3 = function3;
- Прототип в классе класс класс namaklas {constructor (param1, param2) {this.property1 = param1; этот. ProgramRty2 = param2; } Method1; Метод2; Метод3; }
Контекст
- Фаза создания в глобальном объеме var name = неопределенное имя function = fn (), которая является самой его функцией.
- Подъемное окно = глобальный объект this = окно
- Функция фазы выполнения составляет локальный контекст выполнения
Закрытие
- это комбинация функции и лексического прицела в функции.
- Функция, когда он имеет доступ к родительскому объему, даже если родительский объем был завершен. Пример: function namefunction (param1) {return namalocalfunction (param2) {body function}} declaration namevariable = namafunction (аргумент1); Namevariable (аргумент2);
Функция стрелки
- Другая форма, которая более краткая, чем выражение функции. Пример: идентификатор объявления = (parameterlist opt) => {body function} Пример: let Номер чисел = (param1, param2) => {function body}; // неявное возвращение
- Это в функции стрелки со стрелкой не может быть применено к этому. Пример: объявление namebject = function (param1) {this.prperty1 = string; this.property2 = () => {function body}; } Объявление namevariable = new namebject ();
Функция более высокого порядка
Функция, которая работает в других функциях (в аргументе / возвратном значении). JavaScript рассматривает функцию как объект. Почему: абстракция, которая должна упростить программу, потому что чем больше программа, тем выше сложность, тем более запутана программиста.
- Array.pototype.map ()
- Array.pototype.filter ()
- Array.pototype.reduce ()
Буквальный шаблон
это буквальная строка, которая позволяет выражать в нем. Может использовать: ''; ""; И ;
С закусочной ( ) может сделать:
- Строка Singleline:
string text - Многослойная строка:
string text 1 string text 2 string text 3 - Встроенное выражение:
string text ${expression} string text - HTML -фрагменты
- Экспрессия интерполяция
- Tagged шаблоны:
- Экспонирование / дезинфицировать теги HTML
- Перевод и интернационализация (i18n)
- Стилизованные компоненты
Назначения разрушения
Выражение на JS, которое позволяет нам демонтировать значение доктора Array / Property Dr. Object в отдельную переменную.
- Array const try = ['One', 'two', 'three']; const [a, b, c] = try;
- Object const mhs = {name: 'Ramadyan', возраст: 25, электронная почта: '[email protected]',}; const {имя, возраст, электронная почта} = mhs;
- Функция
- При возвратной стоимости
- На аргументах
Распространение оператора
Операторы, которые разбивают Itlebles на отдельные элементы.
Параметр отдыха
Представляет аргумент в функции с неограниченным Jumalh в массив.
Синхронно против асинхронного
- Однопоточная задача выполнения многопоточных средств.
- Блокировка против неблокирующих методов Нжигоя (связанный с вводом-выводом)
- Синхронно и асинхронная инженерная инженерия (HTTP -запрос, связанный с запросом)
- Задача выполнения параллельной выполнения параллельной среды (связанная с инфраю, оборудование и виртуализация)
Перезвонить
Функция, отправленная как параметр в другой функции.
Пример: function namefunction (namacallback) {Объявление имени valis = value; Обратный вызов (имена); } Namefunction ((namevar) => {console.log (выполнение);});
Обещать
Объект, который представляет успех / неудачу асинхронного события в будущем. Обещание (выполнено / отвергнуто / ожидает). Использование Callback => action (Resolve => then / dize => catch / wending => наконец).
Пример: объявление имени var1 = value; const namevar2 = new Propect ((Resolve, dize) => {if (namevar1) {Resolve (value);} else {deact (value);}}); namesvar2. that ((response) => console.log (выполнение)) .catch ((response) => console.log (выполнение));
Ajax & Fetch
Fetch - это метод API JS для получения ресурсов из сети и вернуть полное обещание (полное), когда есть ответ. Обозначение: выбросить (ресурсы, init);
- Ресурсы: объект URL / запроса (представление запросов источника).
- Init: дополнительная конфигурация в запросе объекта (пример: get, post, method, заголовок, кэш и т. Д.)
- Ответ: Результаты доктора Фетч в форме обещания (свойство и метод).
Асинхрон и жду
- Функция, которая работает асинхронно (через цикл событий),
- который дает (неявное) обещание как возвращаемое значение,
- Но способ написания кода с использованием синхронного письма (стандарт).
Асинхронная функция может иметь в нем ключевое слово ожидания, чтобы временно прекратить выполнение своей функции, ожидая, когда обещание завершить (разрешение).
DOM (модель объекта документа): представление HTML -элемента в документе становится объектом. Хранится в дереве DOM.
Домины преимущества:
В качестве объектного интерфейса программирования, который представляет веб -документы.
Дом делает все компоненты веб -страниц доступными и манипулируемыми.
Компоненты: HTML -элементы, атрибуты, текст и т. Д.
Дерево Дом
- Nodelist: коллекция, которая содержит любой узел.
- HTMLCollection: коллекция, которая содержит HTML -элементы и является живой.
Иерархия:
- Корневой узел (документ): узел, который является источником всех других узлов в DOM.
- Родительский узел: узел, который находится на один уровень над другим узлом. Пример: тело - родитель, доктор H1, P, Div & A.
- Дочерний узел: узел, который находится на один уровень ниже другого узла. Пример: H1 - это ребенок доктор тело.
Тип типа узла/ Узел:
- Элемент
- атрибут
- текст
- Раздел CDATA
- Ссылка на организацию
- Сущность
- Обработка инструкции
- Комментарий
- Документ
- Тип документа
- фрагмент документа
- Обозначение
DOM SELECTION
- Как использование элементов в HTML:
- GetlementByid () = производит элементы.
- getElementsbytagname () = производит htmlCollection.
- getElementsbyclassname () = производит htmlCollection.
- Как носить селектор на CSS:
- QuerySector () = производит элементы.
- Querysectorall () = производит узлы.
DOM манипуляции
- Манипуляция элемента
- element.innerhtml = изменить содержимое выбранного элемента.
- element.style. = Изменение стиля выбранного элемента.
- element.getAttribute () = знать содержимое атрибута.
- element.SetTtribute () = добавить атрибуты.
- element.RemoVeatTribute () = удалить атрибуты.
- element.classlist:
- Add () = добавление класса.
- Удалить () = удалить класс.
- Toggle () = добавление класса, если нет, удалите, если есть.
- Item () = Проверка класса с индексом.
- Содержит () = Проверьте рассматриваемый класс.
- Заменить () = Изменение класса.
- Манипуляция узел
- document.createElement ()
- document.createtextnode ()
- node.ppendchild ()
- node.insertbefore ()
- parentnode.removechild ()
- parentnode.replacechild ()
Дом событие
- Обработчик событий = может запустить только последнюю команду.
- Встроенный html -атрибут
- Элементный метод на
- AddventListener () = можно запускать много раз.
DOM Traversal
- ParentNode = Узел результата.
- ParentElement = результат элемента.
- Nextsibling = узел результата.
- NextElementsibling = результат элемента.
- Adcefibling = узел результатов.
- Предыдущий элемент = результат элемента.
По умолчанию предотвратить
- Чтобы предотвратить действие по умолчанию, используйте метод: event.preventdefault ();
Пузырьковое событие
- Когда мероприятие будет запущено, оно будет запустить событие в родителе, прежде чем перейти к ребенку. Использование event.stoppropagate ();
