Функция в javascript и все ли они нужны?

Question

[pologenki]

Здравствуйте недавно начал изучать javascript , совсем начальной стадии изучения ! Такой вопрос изучаю тему Function , и сталкнулся с такой проблемой , что способов вызова функции достаточьно много , как я понял ,что тема Function одна из самых оснавных и важных в JS , поэтому сразу возник вопрос , нужно ли сразу изучать все способы вызова функции или достаточьно для начала использовать самый простой сповоб function myFunction ( ){ } , или же сразу изучать все способы вызова функции , просто немного путаюсь от количества вариантов.
Спасибо за ответы!

Comments

[Василий Банников]

function myFunction ( ){ }
Это же объявление функции, а не вызов, или я что-то путаю?

[pologenki]

Василий Банников, да перепутал. объявление ! Не вызов

[Василий Банников]

pologenki, тогда в js всего три способа объявления: именованная, анонимная, и стрелочная. Все три в коде встречаются.

[Вадим]

Василий Банников, Только это не способы объявления, а "виды" функций.

[pologenki]

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

[Вадим]

pologenki,

бывают стрелочные функции

Бывают. Но это не способ объявления, а вид функции. Поймёте с опытом. На начальном этапе обучения, вот если Вы прям только начали, польза от стрелочных будет в сокращении ударов по клавиатуры. При этом, стрелочная обладает несколькими особенностями, не знание которых может привести к вопросам "а почему не работает".

callback функции

- Таких не бывает. callback это просто термин, который говорит о том, что функция1 была передана как аргумент в функцию2, то есть передана по ссылке и функция1 вызывается где-то внутри функции2.
Элементарный пример:

function one (to) { // именованная function declaration
  console.log("Hello to " + to)
}

// именованная function declaration, которая на вход получает аргумент, названный как callback
// но этот аргумент мог бы называться абсолютно как угодно, в рамках правил именования аргументов.
function two (callback) { 
  console.log("Сейчас я передам привет pologenki на английском.")
  callback("pologenki") // Вызов callback функции с передачей ей аргумента.
}

two(one) // Вызов функции two с передачей в качестве аргумента функции one. В данном случае принято считать
// что функция one является callback для функции two. Но ничто не мешает вызвать функцию one отдельно.
// Не как callback.
one("Vadim") // "Hello to Vadim".

То есть callback это не вид функции. А техника, которая применяется для последовательного запуска функций. Как правило, когда результат выполнения одной функции должна обработать другая функция.

анонимная функция

То же самое что и не анонимная, только её нельзя вызвать по имени. Вот они, до прихода стрелочных функций, и использовались чаще всего как callback функции, например, для задания обработчика клика по элементу или функции, которая используется для обработки массива в методах map, filter и так далее, просто потому что банально не нужно выдумывать имя функции, так как она вызывается по ссылке.

Для начала обучения можно изучить только обычные функции. Именованные и анонимные. Остальное придёт по необходимости.

[Василий Банников]

Вадим, а чем отличается между собой?

function a() {}
const b = function(){};
const c = function c2() {};

[Вадим]

Василий Банников, всплытием.
Первое, a, всплывает. Это способ объявления function declaration. Можно использовать функцию выше строчек её объявления.

b и c - способ объявления function expression. Не всплывает. Нельзя использовать выше объявления.

с отличается от b тем, что внутри функции можно обратиться к этой же функции по имени c2, например, для рекурсии.

[Василий Банников]

Вадим, пон

Answer 1

[Сергей delphinpro]

Способ вызова функции только один – круглые скобки

// Вызываем функцию, результат кладем в переменную
const result = myFunction();

Декларировать функцию можно по разному

// Обычное объявление
function muFuncion() { }

// Выражение с анонимной функцией
const myFunction = function() { }

// Выражение с именованной функцией
const myFunc = function myFunction() { }

// Объявление стрелочной функции
const myFunction = () => { }

При передаче функции параметром, используется выражение в любом варианте без присваивания в переменную

someFunction(function() {}) // анонимка
someFunction(() => {}) // стрелочная

Вот пожалуй и всё.

Comments

[v3shin]

А еще есть let sum = new Function('a', 'b', 'return a + b'); =)

[Василий Банников]

v3shin, ну давайте ещё eval вспомним и тогда количество вариантов умножится на два :)))

[Сергей delphinpro]

v3shin, не засоряйте мозг новичку =)

Answer 2

[Вадим]

Вызвать функцию можно только 2мя способами. Один из способов из двух вариантов.

1. Как обычно, через круглые скобки ().
2. Через вызов метода .call или .apply

Других вариантов вызова функции что-то не приходит в голову.

Способов объявления функций тоже всего два:
- function expression - expression - выражение, то есть такая строчка, у которой есть знак =
- function declaration - классическое объявлений функций через function name() {}.
Между этими двумя вариантами одно основное кардинальное отличие, которое запомнить очень просто. Всплытие declaration.

Все ли они нужны? Да.
Можно ли обойтись без expression на первых этапах обучения и будет ли достаточно declaration? Да.
Что ещё Вы хотите запоминать?

P.s. можно ещё создавать функцию через конструктор Function, но так никто не делает, поэтому опустим этот вариант.