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

Что такое JavaScript и зачем он нам нужен?

JavaScript — это просто скриптовый язык, который может делать что угодно… Ну, может быть, ничего, но он имеет огромное количество применений, которые позволяют вам динамически обновлять контент на веб-странице. Сейчас это может показаться непростым, но мы разберем его чуть позже. Это может быть видео, изображение или даже что-то простое, например, кнопка «Нравится» (Не забудьте разбить эту кнопку). Если вы не смотрите на страницу, на которой есть только слова, вы можете поспорить, что JavaScript каким-то образом был задействован. Возьмем, к примеру, YouTube, мы не смогли бы просмотреть все эти драгоценные видео с котиками, если бы не немного JavaScript.

Итак… С чего начать?

Начнем с функции. По моему опыту, мне было труднее всего понять эту концепцию из-за ее универсальности. Функция — это часть кода, которая может быть вызвана другим кодом, включая функции, переменные или сама по себе. Так на что это может быть похоже? Начнем с простого примера.

Здесь мы берем объект функции, указанный в строке 1 синим цветом, и даем ему имя, simpleMath. Затем мы определяем 2 переменные, переменную A и переменную B. Если переменная a = 1 и переменная b = 2, и мы сложим их вместе, мы должны вернуть общее значение 3. Мы позволим JavaScript выполнить математику для нас и проверить. На картинке ниже я собираюсь вызвать или вызвать функцию, чтобы получить значение (a + b).

Вот оно, 1 + 2 = 3. Кажется, это легко сделать в уме, но мы могли бы использовать его для очень сложных арифметических действий или даже использовать его для сравнения, чтобы создать условие, которое сделает что-то, если условие будет выполнено. Но прежде чем мы поставим телегу впереди лошади, мы должны разобрать функцию и то, что делает каждая вещь.

Что такое функция?

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

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

Во-первых, у нас есть «оператор функции». Это объявление о том, что вы создаете функцию, состоящую из ключевого слова function. Затем вы называете функцию, которая может быть какой угодно, но для удобочитаемости она должна давать некоторое представление о том, что эта функция будет делать.

Внутри круглых скобок у вас есть так называемые «параметры или аргументы». Эти параметры представляют собой данные, которые передаются в функцию из внешнего источника и всегда разделяются запятой, например так (a, b). Они не принимают местоположение этих данных или значения, отличные от переданного им аргумента. Если функция изменит значение аргументов, она не изменит исходное значение параметра. Например, если «A» находился вне функции, а аргумент был передан в somethingCool. Затем значение было изменено на «Я», возвращаемое значение для функции будет читать «Я крутой», но переменная «А» вне функции по-прежнему будет равна «Что-то».

Это приводит нас к переменным, в которых есть 3 типа. «Var», который вам не нужно использовать. Это был единственный способ объявить переменные, когда только появился JavaScript, и он может быть очень подвержен ошибкам. Например, вы можете объявить переменную после того, как вы ее использовали. Это как есть печенье, о котором мы говорили ранее, но вы его еще даже не испекли. Затем есть «const», эта переменная используется для объявления значения, которое вы никогда не объявите повторно. Это очень полезно для вас или любого, кто читает ваш код, потому что все будут знать, что эта переменная всегда будет иметь только это имя и значение. Если мы попытаемся повторно объявить "Const a = 1, а затем попытаемся повторно объявить переменную a =1, вы получите сообщение об ошибке". Это подводит нас к нашей последней переменной, переменной «Let». Это было разработано как способ исправить проблемы с Var. Вы можете использовать его для назначения и переназначения переменных, как показано на рисунке выше в этом абзаце. Вам также не разрешат объявить его после того, как он будет использован. Это много информации и может привести вас к вопросу, как мне узнать, какую переменную использовать? Используйте const, если вам не нужно использовать let, которые могут потребовать переопределения переменных для более сложных функций. Но это разговор на другой день.

Это подводит нас к нашей последней части функции, оператору return. Слово «return» завершает функцию, то есть строки ниже не используются. Оператор return не всегда необходим, но если он используется, он вернет неопределенное значение, если не было указано значение. Если вы укажете значение, вызывающему функцию будет присвоено значение (это очень ценно для вложенных функций, то есть функции внутри функции). Но вам придется "вернуться", чтобы прочитать об этом. (Смотрите, что я там делал)

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