Урок 01

Объявление функций

В JavaScript несколько способов объявить функцию. У каждого свои особенности.

Function declaration

function greet(name) {
    return `Привет, ${name}`;
}

Hoisting: функция доступна до её объявления в коде.

greet('Алиса'); // работает

function greet(name) {
    return `Привет, ${name}`;
}

const greet = function(name) {
    return `Привет, ${name}`;
};

Не поднимается. Вызов до объявления — ошибка.

Именованное выражение:

const factorial = function fact(n) {
    return n <= 1 ? 1 : n * fact(n - 1);
};

Имя fact доступно только внутри функции.

const greet = (name) => `Привет, ${name}`;

Не имеет своего this, arguments, new. Не поднимается.

В современном коде чаще всего стрелочные и declaration.

const add = (a, b) => a + b;
const ops = { add, sub: (a, b) => a - b };

const fn = add;
fn(1, 2);

(function() {
    console.log('сразу');
})();

Стрелочная:

(() => {
    console.log('сразу');
})();

Используется для изоляции области видимости. В модулях редко нужно.

function process(items, callback) {
    items.forEach(callback);
}

process([1, 2, 3], (n) => console.log(n));

function multiplier(factor) {
    return (n) => n * factor;
}

const double = multiplier(2);
double(5); // 10

Такие функции — основа замыканий (следующие уроки).

function greet(name = 'Гость') {
    return `Привет, ${name}`;
}

function sum(...numbers) {
    return numbers.reduce((a, b) => a + b, 0);
}

function print({ name, age = 0 } = {}) {
    console.log(name, age);
}

print({ name: 'Алиса' });

Свойство length — число параметров до первого со значением по умолчанию или rest:

function a(x, y) {}          // a.length = 2
function b(x, y = 1) {}      // b.length = 1
function c(x, ...rest) {}    // c.length = 1

Свойство name — имя функции:

function greet() {}
greet.name; // 'greet'

const fn = () => {};
fn.name; // 'fn'

const anon = function() {};
anon.name; // 'anon' — из переменной