7 полезных приемов для разработчиков JavaScript

Коллекция удобных приемов JavaScript для разработчиков.

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

Улучшить читаемость чисел

Чтобы улучшить читаемость чисел, вы можете использовать символы подчеркивания в качестве разделителей:

Доступ ко всем пользовательским атрибутам данных элемента (data-*)

Используя атрибут dataset, вы можете получить доступ ко всем пользовательским атрибутам данных в элементе, а возвращаемое значение является объектом.

Существует следующая структура HTML:

Когда вам нужно получить data-id и data-user, можно использовать старый способ:

Приведенный выше метод можно использовать, но он немного громоздкий, поэтому попробуем его преобразовать:

Присвоение деструктурирования — Массив

Подобно деструктуризации объектов, деструктуризация массивов лучше, потому что семантика и привычки программирования более заметны:

Как вы можете видеть, приведенный выше код просто предполагает, что res нужно параллельно обрабатывать массив обещаний, чтобы получить некоторые данные от пользователя, но плохо то, что только вы знаете, что означает res[0] is.

Ваш коллега: Я не знаю, что это значит!

Поэтому попробуйте использовать лучшие приемы деструктурирования семантического массива:

Кстати, [, , otherList] можно написать, но в качестве предложения, надеюсь, вы добавите символ _ перед именем переменной, чтобы указать, что эту переменную нельзя использовать, а также для справки механизма проверки ESLint:

Атрибут перевода HTML

Это необязательная функция опыта, представьте, что вы создаете веб-сайт для технической документации и хотите, чтобы код в примере кода не влиял на инструмент системного перевода, тогда вы можете добавить его в родительский тег или блок кода. pre теги используют:

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

Быстро сгенерировать массив 0–10

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

Удивительный! что произошло, позвольте мне объяснить: Array.keys возвращает JavaScript iterator, который затем можно использовать для перебора ключей, используемых для ссылки на каждый элемент в массиве источников ввода.

Таким образом, используя эту функцию, мы можем последовательно генерировать числа от 0 до 10.

Получить последнее значение массива

Ну, это кажется очень простым, arr[arr.length — 1] сделает это, да, вы правы, но это выглядит немного раздутым, есть ли способ его изменить?

Выглядит намного лучше, но следует отметить, что это последнее предложение ES (Уже стадия 4), и нужно добавить полифилл:

Проверить, равны ли десятичные дроби

Поскольку мы знаем, что проблема точности 0,1 + 0,2 !== 0,3, вот способ ее решения.

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

Это для этой темы. Спасибо за чтение.