Мой первый этап буткемпа был именно таким, каким я надеялся; тяжело и волнующе. Я любил математику и алгоритмы всю свою жизнь, и программирование было так похоже на это. Для своего проекта мне удалось создать простое в использовании веб-приложение, которое извлекало данные из API (все о макияже) и возвращало список из 54 продуктов для макияжа CoverGirl. Можете ли вы сказать, что я живу в доме мальчиков, и нужно где-то добавить немного женственности? Когда я смотрел и читал лекции, пытаясь понять, как оживить эту веб-страницу, до меня наконец дошло, насколько важны и полезны функции. Вы буквально не можете сделать ничего крутого без них.

JavaScript — такой удивительный язык, и функции в нем — ВСЁ. Поначалу они были довольно просты в освоении, а потом у меня закружилась голова, когда мы узнали о функциях «первого класса». Однажды ночью я пыталась описать их своему мужу, и все, что я могла сказать, это то, что «функции — это то, что что-то делает… но это что-то также может быть функцией, вызываемой внутри другого чего-то». Тогда я понял, что мне нужно еще немного изучить и изучить этих плохих парней.

В своем проекте я использовал функции и другие концепции кодирования, чтобы составить список из этих 54 продуктов CoverGirl, каждый из которых связан со страницей, на которой есть сводка продукта, цена и URL-адрес продукта. Я добавил кнопку, которая требует нажатия, чтобы вернуться на главную страницу со всеми продуктами, как только вы закончите просмотр сводки по отдельному продукту. Для этого проекта требовались прослушиватели событий, переменные, селекторы запросов, итерации массивов и многое другое, но я хочу сосредоточиться на функциях для этой записи в блоге.

Функции — это кровь JS. Они помогают собрать воедино все небольшие части кода, которые вы написали, чистым и эффективным способом. «Они позволяют вам хранить фрагмент кода, выполняющий одну задачу, внутри определенного блока, а затем вызывать этот код всякий раз, когда вам это нужно, с помощью одной короткой команды, вместо того, чтобы вводить один и тот же код несколько раз». (developer.mozilla.org: «Функции — повторно используемые блоки кода».)

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

Первая функция в этом отрывке — это функция со стрелкой, которая является просто более коротким способом объявления функции и иногда выглядит более аккуратно, когда вам нужно заранее добавить такие вещи, как «EventListeners». В этой функции я не использую никаких параметров, но я возвращаю в ней другую функцию (getList), так что в функции есть функция. Две строчки кода и уже две функции! Так удобно!

В строке 30 «функция обратного вызова» (резюме) используется в качестве ответа на «щелчок» по конкретной ссылке на веб-странице. Функции обратного вызова были для меня самыми сложными для понимания, и я не могу сказать, что я в них профессионал, но в этом случае я использовал «сводку» в качестве функции обратного вызова, потому что мне нужна эта конкретная функция. чтобы не «перезванивать» или «вызывать» до тех пор, пока пользователь не щелкнет одну из ссылок. Как это круто? Вы можете заказать функцию «подождать!» Я не могу контролировать своего 2-летнего ребенка, но я чертовски хорошо контролирую свои функции обратного вызова.

Теперь вот то, что я считаю лучшей частью функций. Вы можете «поднять» их! Что такое подъем? Ну что я тебе скажу дорогой читатель. Подъем, как это звучит, означает движение вверх. Связывая это с программированием, функции можно вызывать еще до того, как они будут объявлены. Вот пример в моем проекте.

Я уже показывал вам часть этого кода, но здесь «listItems» вызывается в строке 20 еще до того, как я объявил его в строке 27. Когда JS считывает код в строке 20, он автоматически поднимает строку 27, чтобы знать, что делать. делать. Умный маленький JavaScript!

Я мог бы продолжать и продолжать описывать все, что вы можете делать в JS с помощью функций, но вы будете здесь часами, а я все еще не знаю их всего. Но, проходя процесс создания своего первого проекта, я понял, что с ними можно делать практически все! Я рад продолжать узнавать больше и лучше понимать некоторые из более сложных применений функций.