Топ 10 JavaScript Shorthands для начинающих
Сокращения JavaScript не только ускоряет процесс кодирования, но и делает скрипты короче, поэтому приводит к более быстрая загрузка страниц. Сокращенные коды так же действительны, как и их сокращенные версии; они по сути стоять за то же самое-только в более компактном формате. Они являются одним из самых простых методов оптимизации кода.
Есть несколько сокращений JavaScript, однако они нет официального справочника. Некоторые из них действительно просты, а другие довольно пугающие даже для опытных разработчиков. В этой статье вы можете найти 10 кратких ссылок на JavaScript для начинающих с которой вы можете начать с оптимизации кода и написать более краткий код.
1. Десятичные числа
Если вы регулярно работать с большими десятичными знаками эта стенография может быть удачной, так как вам больше не нужно вводить все нули, просто замените их на е нотации. Например, 1E8 означает добавление восьми нулей после 1 цифра, это равно 100000000.
Число после буквы е указывает количество нулей которые идут после цифры (ей) до е. также, 16e4 это сокращение для 160000, так далее.
/ * Сокращение * / var myVar = 1e8; / * Longhand * / var myVar = 100000000;
2. Приращение, уменьшение
сокращенное сокращение состоит из двух + знаки, это означает, что значение переменной должно быть увеличивается на один. Точно так же сокращенное сокращение состоит из двух - знаки, и это означает, что переменная должна быть уменьшено на один.
Эти два сокращения можно использовать только для числовых типов данных. Они играют незаменимую роль в петлях, их наиболее частым за петля.
/ * Сокращения * / i ++; j--; / * Longhand * / i = i + 1; J = J-1;
3. Добавить, отвлечь, умножить, разделить
Есть сокращение для каждого из четыре основные математические операции: сложение, отвлечение, умножение и деление. Они работают аналогично операторам увеличения и уменьшения, просто здесь вы можете изменить значение переменной по любому номеру (не только одним).
В приведенном ниже примере я переменная увеличивается на 5, J уменьшается на 3, К умножается на 10, а также L делится на 2.
/ * Сокращение * / i + = 5; J- = 3; к * = 10; л / = 2; / * Longhand * / i = i + 5; J = J-3; K = K * 10; л = л / 2;
4. Определить положение персонажа
Charat () метод является одним из наиболее часто используемых строковых методов, он возвращает символ в указанной позиции (например, 5го символ строки). Вместо этого вы можете использовать простое сокращение: вы добавляете позиция символа в квадратных скобках после строки.
Обратите внимание, что Charat () метод нуля. Следовательно, MyString [4] вернет 5го символ в строке («У» в примере).
var myString = "С днем рождения"; / * Сокращение * / myString [4]; / * Longhand * / myString.charAt (4);
5. Объявляйте переменные оптом
Если вы хотите создать более одной переменной одновременно Вы не должны печатать их один за другим. Достаточно использовать вар (или же позволять) ключевое слово только однажды, тогда вы можете просто перечислить переменные, которые вы хотите создать, через запятую.
С этим сокращением вы можете объявить как неопределенные переменные а также переменные со значением.
/ * Сокращение * / var i, j = 5, k = "Доброе утро", l, m = false; / * Longhand * / var i; var j = 5; var k = "Доброе утро"; вар л; var m = false;
6. Объявить ассоциативный массив
Объявление массива в JavaScript - относительно простая задача, используя var myArray = ["apple", "pear", "orange"] синтаксис. тем не мение, объявление ассоциативного массива немного сложнее, так как здесь вам нужно не только определить значения, но и ключи (в случае регулярных массивов ключи 0, 1, 2, 3 и т. Д..).
Ассоциативный массив представляет собой коллекция пар ключ-значение. Длинным способом является объявление массива, а затем добавление каждого элемента по одному. Тем не менее, с сокращением ниже, вы также можете объявить ассоциативный массив плюс все его элементы в то же время.
В приведенном ниже примере туАггау Ассоциативный массив назначает их место рождения (значения) известным людям (ключи).
/ * Сокращения * / var myArray = "Грейс Келли": "Филадельфия", "Клинт Иствуд": "Сан-Франциско", "Хамфри Богарт": "Нью-Йорк", "София Лорен": "Рим", "Ингрид" Бергман ":" Стокгольм " / * Longhand * / var myArray = new Array (); myArray ["Grace Kelly"] = "Филадельфия"; myArray ["Clint Eastwood"] = "Сан-Франциско"; myArray ["Humphrey Bogart"] = "Нью-Йорк"; myArray ["Sophia Loren"] = "Рим"; myArray ["Ingrid Bergman"] = "Стокгольм";
7. Объявить объект
Сокращение для объявление объекта работает так же, как и для ассоциативных массивов. Однако здесь нет пар ключ-значение, но пары свойство-значение что вам нужно разместить между брекетами .
Единственное отличие в сокращенном синтаксисе состоит в том, что свойства объекта не заключены в кавычки (название, место рождения, возраст, wasJamesBond в приведенном ниже примере).
/ * Сокращение * / var myObj = name: "Шон Коннери", placeOfBirth: "Эдинбург", возраст: 86 лет, wasJamesBond: true; / * Longhand * / var myObj = new Object (); myObj.name = "Шон Коннери"; myObj.placeOfBirth = "Эдинбург"; myObj.age = 86; myObj.wasJamesBond = true;
8. Используйте условный оператор
условный (троичный) оператор часто используется в качестве ярлык для если еще заявление. Это состоит из три части:
- состояние
- что произойдет, если условие верно (
если) - что произойдет, если условие ложное (
еще)
В приведенном ниже примере мы отправляем простое сообщение (внутри сообщение переменная) людям, которые хотят войти в клуб. Используя сокращенную форму, это всего лишь одна строка кода для провести оценку.
вар возраст = 17; / * Сокращение * / var message = age> = 18? «Разрешено»: «Отказано»; / * Longhand * / if (age> = 18) var message = "Разрешено"; else var message = "Denied";
Если вы хотите проверить это просто скопируйте код в веб-консоль (F12 в большинстве браузеров) и измените значение возраст переменная несколько раз.
9. Проверьте наличие
Часто бывает так, что вам нужно проверить, является ли переменная присутствует или нет. “если присутствие” стенография поможет вам сделать это с гораздо меньшим количеством кода.
Имейте в виду, что большинство статей о сокращенных JavaScript-кодах не дают правильной рукописной формы, так как if (myVar) нотация не просто проверяет, является ли переменная не ложной, но и несколько других вещей. А именно, переменная не может быть неопределенным, пустым, нулевым и ложным.
var myVar = 99; / * Сокращение * / if (myVar) console.log ("Переменная myVar определена И она не пуста И не нуль И не ложь."); / * Longhand * / if (typeof myVar! == "undefined" && myVar! == "" && myVar! == null && myVar! == 0 && myVar! == false) console.log ("myVar переменная определена И она не пуста И не нуль И не ложь. "); Вы можете проверить, как “если присутствие” сокращение работает, вставляя следующий фрагмент кода в веб-консоль и изменяя значение MYVAR несколько раз.
Чтобы понять, как работает это сокращение, стоит проверить его со значениями «» (пустой строки), ложный, 0, правда, непустая строка (например,. "Привет") число (например,. 99) и когда переменная не определена (просто var myVar;).
10. Проверьте отсутствие
“если присутствие” стенография может быть использована для проверить отсутствие переменной поместив восклицательный знак перед ним. Восклицательный знак логический не оператор в JavaScript (и в большинстве языков программирования).
Поэтому с если (! myVar) нотации, вы можете проверить, если MYVAR переменная не является неопределенным, пустым, нулевым или ложным.
var myVar; / * Сокращение * / if (! MyVar) console.warn ("Переменная myVar не определена (OR) пуста (OR) null (OR) false."); / * Longhand * / if (typeof myVar === "undefined" || myVar === "" || myVar === null || myVar === 0 || myVar === false) console.warn («Переменная myVar не определена (ИЛИ) пуста (ИЛИ) пуста (ИЛИ) ложна.»);
