Вивчайте Параметри та Оператор Повернення

Продовжуємо нашу роботу та дослідження функцій. У цьому розділі ми розглянемо фундаментальну властивість функцій: прийом параметрів та повернення даних. Це дозволяє перетворити будь-яку функцію на обчислювальну машину. Почнемо з простого — наведений нижче код приймає 2 числа як параметри та повертає їхню суму:


              123456
            
function add(a: number, b: number): number {
    return a + b;
}

let result = add(5, 10);
console.log(result);

У наведеному вище прикладі в дужках ми вказали 2 параметри, які функція буде приймати, а також типи даних цих параметрів.

Що таке параметри?

Це дані, які ми передаємо під час виклику функції, і ми можемо використовувати ці параметри всередині тіла функції. Наприклад, у наведеному вище прикладі, коли ми викликаємо функцію, ми передаємо два числа, і всередині тіла функції ці два числа додаються.

Після цього функція повертає кінцеве значення.

Як функція повертає значення

За допомогою ключового слова return. Ви бачите, що ми повертаємо суму цих двох параметрів за допомогою return.

Ми також вказуємо тип даних, який повертається, через двокрапку під час оголошення функції.

Забагато тексту, давайте розглянемо ще один приклад оголошення та використання функції:


              1234567891011121314
            
function sumArray(numbers: number[]): number {
    let sum = 0;
    for (let i = 0; i < numbers.length; i++) {
        sum += numbers[i];
    }
    return sum;
}

let numbers = [1, 2, 3, 4, 5];
let total = sumArray(numbers);
console.log(`Sum of numbers in the first array: ${total}`);
let numbers_2 = [2, 4, 6, 8, 10];
let total_2 = sumArray(numbers_2);
console.log(`Sum of numbers in the second array: ${total_2}`)

Функція вище обчислює суму всіх елементів масиву, починаючи з першого й закінчуючи останнім. Тут видно, що всередині тіла функції знаходиться цикл, який виконує цю операцію. Таким чином, ми зменшили значну кількість рядків коду завдяки використанню функції як блоку коду, який можна повторно використовувати. Ми викликаємо цей блок коду кілька разів, використовуючи лише один рядок коду.

Зверніть увагу, що ми ініціалізуємо змінну за допомогою функції. Ця змінна матиме той самий тип, що й тип повернення функції.

1. Яке призначення параметрів у функції TypeScript?

2. Яка основна роль значень, що повертаються, у функціях TypeScript?

Все було зрозуміло?

Дякуємо за ваш відгук!

Секція 5. Розділ 2

Запитати АІ

Запитайте про що завгодно або спробуйте одне із запропонованих запитань, щоб почати наш чат

Awesome!

Completion rate improved to 2.94

Свайпніть щоб показати меню


              123456
            
function add(a: number, b: number): number {
    return a + b;
}

let result = add(5, 10);
console.log(result);