Что такое кодирование без функций?

Запись в журнале:

Если есть что-то, что быстрее, чем получение ошибки в Javascript, это, безусловно, время. Такое ощущение, что я только что создал этот блог, чтобы продемонстрировать свое путешествие в мир технологий, и здесь я уже изучаю свой второй язык в коде. Если и есть что-то, что я узнал о кодировании и переходе на разные языки, так это то, что некоторые вещи остаются прежними. Легче понять концепции, потому что вы знакомы с вещами из предыдущего языка. Вы знаете… такие мелочи, как переменные, объекты, массивы и т. д. В каждом человеческом языке есть слова, но то, как мы произносим эти слова, может различаться. То же самое касается языков программирования, та же концепция, но другой способ ее выполнения. В настоящее время я изучаю Ruby, и я могу освоить его, потому что у меня есть основа из Javascript. Думаю, программирование в конце концов было не таким страшным. Если есть одна большая тема, о которой я хочу поговорить и которая будет полезна любому начинающему программисту, это тема функций. Причина, по которой я говорю это, заключается в том, что я вижу, что в мире кодирования этого очень много. Позвольте мне лучше объяснить…. когда я впервые начал изучать Javascript, мой код не был динамическим, пока я не начал использовать функции. По мере того, как я продвигаюсь вперед и начинаю изучать разные языки, я не могу не заметить, что использование функций является основным строительным блоком.

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

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

Функция — это объект, содержащий последовательность операторов Javascript. Мы можем вызывать функции и выполнять их несколько раз, так как они предназначены для выполнения задачи. Вызвать функцию означает запустить независимые части, из которых она состоит. Чтобы лучше уточнить, подумайте о функциях как об абстракции. Что такое абстракция? Абстракция — это процесс взятия вещей и присвоения им собирательного имени. Абстракции, выполняющие работу, называются функциями. Так что, если вы сделали кучу переменных, чтобы помочь вам выполнить задачу, думайте об этом как о кусочках головоломки. Использование всех необходимых переменных в функции поможет вам решить головоломку! Давайте посмотрим на пример ниже:

const name = "Gedler" 
team = "Knicks"
function aboutMe() { <-- 
   console.log("${name} is going to the ${team} game") 
}
aboutMe();
// This will return "Gedler is going to the Knicks game"

Обратите внимание, как я мог обращаться к глобальным переменным, которые находились вне функции. Я смог использовать эти глобальные переменные благодаря интерполяции строк, которая является причиной знака доллара, за которым следуют скобки. Это может быть хорошим способом абстрагирования; Я сделал две переменные с целью хранения информации о том, что я планировал делать. Затем я соединил части вместе в функции, чтобы я мог вызывать эти переменные для выполнения задач по распечатке того, что я делал. Коллективное имя в этом смысле — «aboutMe», имя функции.

Синтаксис/объявление функции

Давайте поговорим о синтаксисе функции, чтобы знать, как правильно ее написать! В javascript, чтобы объявить функцию, вы должны начать с написания слова function, за которым следует имя, которое вы хотели бы назвать. В моем примере выше я решил назвать свою функцию «aboutMe». Рекомендуется, чтобы имена ваших функций начинались со строчной буквы, практически так же, как вы пишете имена переменных. После объявления имени вы должны передать его в круглых скобках, и эти круглые скобки используются для хранения параметров. Мы коснемся этого позже в посте. Наконец, поставьте открытую скобку, и оттуда вы хотите начать применять свою логику или использовать свои переменные. Когда вы закончите писать свою логику, вы поставите закрывающую скобку. Это правильный способ открытия и закрытия вашей функции.

function exampleOne { <-- open bracket, you can start applying logic
//apply logic here 

} <-- closing bracket when you're done writing your function.

Параметры/вызов функции

В моей функции aboutMe переменные, которые я использовал, считаются глобальными переменными, потому что они не находились между открывающим и закрывающим тегами функции. Это свидетельствует о том, что вы можете использовать глобальные переменные внутри своих функций, и все будет в порядке. Но что, если… вы хотите, чтобы определенные переменные существовали только внутри вашей функции? Что, если вы хотите, чтобы ваша функция была более динамичной? Здесь в игру вступают параметры.

Параметры — это переменные с локальной областью видимости, которые определены внутри функции. Это означает, что эти переменные доступны только внутри вашей функции, и вы не можете использовать их где-либо еще! Давайте посмотрим, как мы можем использовать параметры

function aboutMeV2 (name , team) {
   console.log("${name} is going to the ${team} game")
}

Мы просто помещаем имена переменных в круглые скобки и используем их так же, как и любую другую глобальную переменную. Однако у нас есть проблема. Созданные нами параметры не определены, поскольку у них нет значений. Как мы можем передать значения параметров после объявления нашей функции? Ответ заключается в вызове функции и передаче значений в том же порядке, в котором вы создали свои параметры. Когда вы передаете значения при вызове функции, вы отправляете аргументы. Давайте взглянем:

function aboutMeV2 (name , team) {
   console.log("${name} is going to the ${team} game")
}
aboutMeV2("Gedler" , "Knicks" );
//this will return "Gedler is going to the Knicks game"

Чтобы вызвать функцию, вам просто нужно вызвать ее имя в новой отдельной строке. Даже если у вас нет параметров, вам все равно нужно передать скобки, в этом случае они будут просто пустыми. Если вы создали параметр, вы передаете значения в том же порядке. Посмотрим, что произойдет, если мы поменяем местами аргументы. Это аргумент, потому что я передаю значение параметра.

function aboutMeV2 (name , team) {
   console.log("${name} is going to the ${team} game")
}
aboutMeV2("Knicks" , "Gedler" );
//this will return "Knicks is going to the Gedler game"

Вот почему важно передавать аргументы так же, как вы делали свои параметры, чтобы Javascript знал, какие значения для чего.

Есть много разных способов, которыми мы можем использовать функции, и они даже являются разными типами функций в зависимости от того, как мы можем их написать. Все будет сводиться к тому, что вы создаете внутри своего приложения. Я предоставил ресурс, чтобы вы могли немного больше покопаться в функциях и промокнуть ноги! https://developer.mozilla.org/en-US/docs/Web/JavaScript/Guide/Functions

Вывод

Функции полезны в мире кодирования. Это позволяет программистам быть абстрактными и выполнять различные задачи, которые необходимо выполнить. В разных языках могут быть разные способы использования функций, но основные функции остаются неизменными, особенно переменные с локальной областью видимости. Как программисты, мы стремимся сделать наш код все более и более динамичным, поэтому функции будут нашим лучшим другом или ночным кошмаром. Но ведь мы всегда просыпаемся от кошмаров, верно? :) Продолжайте кодировать!