Если кто-то читает программы, написанные на JavaScript, то наверняка задумается об изобилии этих символов в коде. Они буквально повсюду. Подобные символы могут использоваться для обозначения различных действий, выполняемых языком программирования. В случае с JavaScript существует довольно много разных типов. Давайте взглянем на некоторые из них.
В приведенном выше примере их несколько. Самый простой в JavaScript - использовать для обозначения начала и конца функции или оператора. Пара в строке 53/70 отмечает начало и конец функции handlemyZipOnly. В JavaScript все выполняемые условные коды также должны быть заключены в эти скобки. Пара на 55/57 включает условный код для условия if, а 57/59 включает код else. А как насчет двух других наборов здесь? Они представляют две другие концепции в JavaScript. Набор в строке 53 иллюстрирует концепцию деструктуризации, в то время как пара 66/69 представляет собой представление объектов javaScript.
Вот еще один пример деструктуризации.
В JavaScript при работе со сложными объектами, содержащими несколько атрибутов, мы можем использовать деструктурирование для доступа только к тем элементам, на которых мы хотим сосредоточиться. В приведенном выше коде функция handleChange вызывается, когда в поле ввода Semantic UI React вводится текст. В функцию передаются событие и данные. В объекте данных может быть много атрибутов, но если нас интересуют только имя и значение, нам нужно только сказать {имя, значение}, игнорируя все остальное.
Как и в предыдущем примере, здесь также есть функция setState. Пара включает в себя объект, представляющий состояние, которое можно идентифицировать по наличию ключа (тот, который имеет суффикс «:») и значения (тот, который следует за «:»).
Вот еще один пример объекта JavaScript. Каждая пара «{}» в строках с 14 по 17 представляет элемент объекта в массиве, заключенный в квадратные скобки [] (еще один тип скобок) в строке 13/18.
Иногда в одной строке кода бывает так много фигурных скобок, что у вас кружится голова (… {… {… {…}}}).
В приведенном выше примере у нас есть стандартный код функции, заключенный в скобки (строки 100/108 и 104/107). У нас также есть наборы, определяющие объект (две внешние пары в строке 102). Тогда какая самая внутренняя пара в строке 102? В JavaScript это называется интерполяцией. Это позволяет извлекать значение из переменных, добавляя его к текстовым строкам. Обычно это можно определить по предшествующему знаку «$».
Говоря об извлечении ценности, мы подошли к нашему последнему типу.
Это вычисленное (или производное) значение в JSX. Хотя это не JavaScript в чистом виде, мы также «извлекаем» значение из чего-то, что может быть некоторой переменной (строка 86) или даже условными выражениями (строки 87 и 90/97).
В следующий раз, когда вы увидите эти фигурные скобки, возможно, уделите время тому, чтобы поразиться их универсальности.
