Позвольте мне представить некоторые сложные темы JavaScript. Надеюсь, вам понравится эта статья! давайте начнем!😎
Реагировать на крючок:
React hook хорошо известен в современном мире! Мы можем использовать хук реакции только в функциональном компоненте. Хук не может вызывать внутренние циклы, условия или вложенные функции. Помните, что хук всегда следует использовать в верхней части функций React.
1. состояние использования
useState используется, когда в состоянии происходят какие-либо изменения. Таким образом, когда мы видим сообщение в fb, мы можем поставить нравится или нет, в этой ситуации состояние кнопки «Мне нравится» мы можем назвать состоянием. Может быть, это может измениться или нет.
Синтаксис:
const [значение, setValue] = useState (значение по умолчанию);
Например,
Здесь state() и setState() — две внутренние функции, «state» вернет локальную переменную, а «setState» установит локальную переменную в параметр, переданный в Это.
В этом примере сначала в локальную переменную вставляется initialName. Когда setState вызывается, он примет newName и затем установит его в локальной переменной. И мы получим новое имя.
2. использоватьЭффект
Хук React предоставляет нам useEffect(). useEffect() принимает функцию в качестве аргумента. Функция запускается при первом рендеринге компонента и при каждом повторном рендеринге/обновлении. Это отлично подходит для доступа к стороннему API.
Например,
Здесь, нажав кнопку, имя будет изменено в результате использования эффекта.
3. Истинное и ложное значение
Здесь false,''(пустая строка), ""(пустая строка), 0(ноль), null, undefined, NaN(не число) являются ложными значениями и все, что не упомянуто выше, является истинным значением.
Например:
Примечание: если мы напишем 0 и false в двойных кавычках, будет возвращено значение true, потому что это строка! Так что не путайте!
4. Неопределенный против нуля
Не определено — это когда мы объявляем переменную, а значение еще не присвоено. Null означает пустое или несуществующее значение, и значение null должно быть присвоено.
Например,
Здесь нам нужен доступ к индексу 11, который недоступен в числах. На этот раз он дает undefined. Переменная имени объявлена, но значение не присвоено.
5. двойное равно (==) и тройное равно (===)
Double equals проверяет только равенство значений. Двойное равенство (==) также называется абстрактным сравнением равенства.
Triple equals проверяет значение и тип данных. Тройное равенство (===) также называется строгим сравнением равенства.
Например,
Здесь в firstExample — число, а secondExample — строка, когда проверяет равенство значений, ответ возвращает true, потому что он просто проверяет значение, а не данные. тип!
При одновременной проверке значения и типов данных возвращается false, поскольку значение равно, но типы данных разные.
6. 3Мощные функции массива:
Если кто-нибудь спросит разработчика, какие функции массива являются мощными, ответ, скорее всего, будет картой, фильтрацией, поиском!
карта
- map возвращает нам ту же длину массива, и исходный массив не изменится
фильтр
- filter возвращает нам новый массив, в котором переданное условие выполняется или истинно.
- Если переданное условие не выполнено или ложно, этот элемент будет пропущен.
- Если в исходном массиве нет элементов, возвращающих true, будет возвращен пустой массив.
найти
- find возвращает первые элементы в массиве, где выполнено переданное условие.
Синтаксис map/filter/find:
функция (текущее значение, индекс, обр.)
Здесь,
текущее значение = обязательно. Значение текущего элемента.
индекс = необязательно. Индекс массива текущего элемента.
обр = необязательно. Объект массива, которому принадлежит текущий элемент.
7. Срез массива()
- Метод slice() возвращает копию небольшой части массива в новый массив.
- Где он выбирается из начального значения и конечного значения.
- Начальное значение — это порядковый номер начального, а конечное значение — это индекс элементов в этом массиве.
- Следовательно, исходный массив не будет изменен.
- Предположим, когда мы разрезаем ломтик пудинга, у него есть начальная и конечная области, и мы получаем ломтик перед конечной областью. Точно так же в приведенном ниже примере начальное значение индекса равно 2, а конечное значение индекса равно 5. Таким образом, мы получим срез от индекса 2 до индекса 4, значения этих индексов равны 13,14,15.
8. Объединение массивов()
- Метод splice() добавит элемент в массив или удалит элемент из массива.
- Следовательно, исходный массив будет изменен.
Синтаксис:
array.splice(start, howmany, item1, ….., itemX)
start= Индекс, с которого начнется изменение массива.
сколько = количество элементов, которые необходимо удалить.
item1, ….., itemX = новый элемент/элементы, добавляемые в массив
Например,
В этом примере начальный индекс равен 2, а значение удаленного элемента равно 5, поэтому из индекса 2 будут удалены следующие 5 элементов. Мы видим, что исходный массив изменился после splice().
9. глобальная переменная, локальная переменная
В JavaScript есть два типа переменных — глобальная переменная и локальная переменная.
Когда переменные объявляются и инициализируются вне какой-либо функции, они становятся глобальными переменными. Мы можем получить доступ к глобальным переменным и изменить их из любой точки программы.
Когда переменные объявляются и инициализируются внутри функции, они становятся локальными переменными. Мы не можем получить доступ и изменить локальные переменные вне объявления функции.
10. вызов(), применить()
Метод call(), который можно использовать для разных объектов и который принимает аргументы по отдельности.
Метод apply(), который можно использовать для разных объектов и который принимает аргументы в виде массива.
Я надеюсь, что вы нашли эту статью полезной, если вы поставили ей 👏 и поделитесь ею со своими друзьями.