Отказ от ответственности.Здравствуйте! Добро пожаловать в мой блог. Надеюсь, вам понравится контент, представленный ниже. Обратите внимание, что на данный момент (сижу в кафе холодным субботним днем) я занимаюсь программированием всего 3 недели в рамках буткемпа по программной инженерии. Цель этого блога — помочь мне закрепить концепции, а также (надеюсь) помочь другим новичкам, таким как я. Содержание ниже — это мои слова, и оно не может считаться лучшей практикой (все еще учится), но, тем не менее, надеюсь, будет полезным.

Так что же такое вспомогательные функции?

Я уверен, что если вы читаете этот блог, то уже познакомились с концепцией функций в JavaScript. Вкратце, функции — прекрасный инструмент, позволяющий создавать объект, содержащий последовательность, которую можно вызывать или вызывать несколько раз. Прелесть этого, если это не очевидно, заключается в том, что вам не нужно тратить время на написание повторяющегося кода! Итак, сначала давайте рассмотрим базовую функцию:

// Basic function

function sayHello() {
  console.log('Hello! Welcome to my blog!')
};

// Invoke the function
sayHello();

// Output
// => Hello! Welcome to my blog!

Красиво да? Поскольку я функционализировал последовательность, которую хочу вывести на консоль, теперь я могу вызывать sayHello() столько раз, сколько захочу, противнеобходимости писать console.log('Здравствуйте! Добро пожаловать в мой блог !') каждый раз.

Кроме того, функции могут быть обобщенными инструментами, если задать им параметр и передать аргумент. Хорошо, это звучит круто, но… что такое параметр и аргумент? Отличный вопрос.

Параметр — это переменная, которая может хранить локальные данные для последовательности доступа к функции. Аргумент — это данные, которые передаются параметру для доступа к последовательности. Например:

// Basic function that accepts a parameter
// Don't forget to interpolate by using backticks

function sayHello(name) {
  console.log(`Hello, ${name}! Welcome to my blog!`)
};

// Pass an argument (string: Daniel) to local parameter and invoke the function

sayHello('Daniel');

// Output
// => Hello, Daniel! Welcome to my blog!

Хорошо! Хорошая работа. Мы успешно передали аргумент параметру в функции sayHello(); функция, возвращающая нужный отпечаток в нашу консоль. Однако функции не ограничиваются одним параметром и аргументом. На самом деле у вас их несколько! Вы увидите это через минуту ниже.

С этим пониманием теперь мы можем говорить о вспомогательных функциях!

По сути, вспомогательные функции — это функции, которые вы пишете для своего приложения и знаете, что будете вызывать их несколько раз для достижения определенной цели. Скажем, например, вы пишете код, в котором вам нужно довольно часто умножать два числа. Вы можете написать это так:

function multiplyNumbers() {
  return 2 * 2
};

// In console

multiplyNumbers();

// => 4

Но это было бы очень ограниченным и требует, чтобы вы переписывали это каждый раз, когда хотите умножить два числа. ОТВРАТ! Вместо этого попробуйте следующее:

// Note that the function by itself does not return a value but rather NaN

function multiplyNumbers(num1, num2) {
  return num1 * num2
}

// In console
// Pass the argument. The first arguement will be num1 and the second num2

multiplyNumbers(3, 3);

// => 9

Теперь в любое время, когда мне нужно умножить два числа, я могу просто использовать функциюmultiNumbers(); функцию и передавать аргументы (в данном случае (3, 3)) вместо того, чтобы каждый раз переписывать!

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

Удачного кодирования!