Typescript: Дженерики (Функции)
Представим, что дженерики пропали из языка. Тогда произойдет дублирование кода. Придется описывать один и тот же алгоритм для разных типов данных много раз.
Возьмем для примера функцию last(), возвращающую последний элемент массива. Ниже ее обобщенная версия:
function last<T>(coll: T[]): T {
return coll[coll.length - 1];
}Дженерики также могут использоваться в стрелочных функциях:
const last = <T>(coll: T[]): T => {
return coll[coll.length - 1];
};Теперь попробуем реализовать то же поведение, но без применения дженериков. Для этого нам придется создать по одной функции для каждого типа. Причем имя функции должно быть уникальным:
function lastForNumberType(coll: number[]): number {
return coll[coll.length - 1];
}
function lastForStringType(coll: string[]): string {
return coll[coll.length - 1];
}
// Тут определения для всех остальных типовЕсли типов несколько, то количество функций, которые нужно определить, будет определяться как произведение количества всех возможных типов на количество параметров типа.
Реализация дженерика с помощью перегруженной функции упрощает задачу. Тогда не придется создавать новые имена:
function last(coll: number[]): number;
function last(coll: string[]): string;
// Тут определения для всех остальных типов
function last(coll: any[]): any {
return coll[coll.length - 1];
}В случае TypeScript даже не будет дублироваться логика, но это особенность именно TypeScript. В других статически типизированных языках придется дублировать и логику.
Какой бы вариант реализации мы не выбрали, соблюдаются две вещи:
- Значения, передаваемые внутрь, никак не используются. Они только перекладываются из одного места в другое
- Логика работы всегда остается одной и той же. Условные конструкции по типу данных отсутствуют
В Computer Science свойство функции, позволяющее обрабатывать значения разных типов одним способом (используя один алгоритм), называется параметрическим полиморфизмом. То есть дженерики — это реализация параметрического полиморфизма в TypeScript.
Параметрический полиморфизм играет важную роль в статически типизированных языках там, где приходится явно указывать типы у функций. Он есть почти во всех высокоуровневых статически типизированных языках. В Java и C# это тоже называется дженериками. В C++ используется названия шаблоны, но смысл от этого не меняется, хотя шаблоны в С++ — это больше, чем параметрический полиморфизм.
В противовес статически типизированным языкам в языках с динамической типизацией, таких как JavaScript, Python, Ruby, PHP, дженерики не нужны. В подобных языках любой обобщенный алгоритм автоматически работает для всех типов данных.
Задание
Реализуйте описание обобщенного типа MyArray, который представляет аналог массива из JavaScript. Пример использования объекта этого типа:
const coll: MyArray<number> = ...;
coll.push(1); // 1
coll.push(10); // 2
coll.push(99); // 3
const newColl = coll.filter((value) => value % 2 == 0);
console.log(newColl.items); // [10]Тип включает в себя два метода: push() и filter(), совпадающие по сигнатуре с методами Array. Данные внутри должны храниться в свойстве items. Для push() примем соглашение, что метод принимает только один параметр. Игнорируйте остальные параметры.
Полезное
Typescript: Дженерики (Функции)
Представим, что дженерики пропали из языка. Тогда произойдет дублирование кода. Придется описывать один и тот же алгоритм для разных типов данных много раз.
Возьмем для примера функцию last(), возвращающую последний элемент массива. Ниже ее обобщенная версия:
function last<T>(coll: T[]): T {
return coll[coll.length - 1];
}Дженерики также могут использоваться в стрелочных функциях:
const last = <T>(coll: T[]): T => {
return coll[coll.length - 1];
};Теперь попробуем реализовать то же поведение, но без применения дженериков. Для этого нам придется создать по одной функции для каждого типа. Причем имя функции должно быть уникальным:
function lastForNumberType(coll: number[]): number {
return coll[coll.length - 1];
}
function lastForStringType(coll: string[]): string {
return coll[coll.length - 1];
}
// Тут определения для всех остальных типовЕсли типов несколько, то количество функций, которые нужно определить, будет определяться как произведение количества всех возможных типов на количество параметров типа.
Реализация дженерика с помощью перегруженной функции упрощает задачу. Тогда не придется создавать новые имена:
function last(coll: number[]): number;
function last(coll: string[]): string;
// Тут определения для всех остальных типов
function last(coll: any[]): any {
return coll[coll.length - 1];
}В случае TypeScript даже не будет дублироваться логика, но это особенность именно TypeScript. В других статически типизированных языках придется дублировать и логику.
Какой бы вариант реализации мы не выбрали, соблюдаются две вещи:
- Значения, передаваемые внутрь, никак не используются. Они только перекладываются из одного места в другое
- Логика работы всегда остается одной и той же. Условные конструкции по типу данных отсутствуют
В Computer Science свойство функции, позволяющее обрабатывать значения разных типов одним способом (используя один алгоритм), называется параметрическим полиморфизмом. То есть дженерики — это реализация параметрического полиморфизма в TypeScript.
Параметрический полиморфизм играет важную роль в статически типизированных языках там, где приходится явно указывать типы у функций. Он есть почти во всех высокоуровневых статически типизированных языках. В Java и C# это тоже называется дженериками. В C++ используется названия шаблоны, но смысл от этого не меняется, хотя шаблоны в С++ — это больше, чем параметрический полиморфизм.
В противовес статически типизированным языкам в языках с динамической типизацией, таких как JavaScript, Python, Ruby, PHP, дженерики не нужны. В подобных языках любой обобщенный алгоритм автоматически работает для всех типов данных.
Задание
Реализуйте описание обобщенного типа MyArray, который представляет аналог массива из JavaScript. Пример использования объекта этого типа:
const coll: MyArray<number> = ...;
coll.push(1); // 1
coll.push(10); // 2
coll.push(99); // 3
const newColl = coll.filter((value) => value % 2 == 0);
console.log(newColl.items); // [10]Тип включает в себя два метода: push() и filter(), совпадающие по сигнатуре с методами Array. Данные внутри должны храниться в свойстве items. Для push() примем соглашение, что метод принимает только один параметр. Игнорируйте остальные параметры.
Полезное
Ваше упражнение проверяется по этим тестам
import { expect, expectTypeOf, test } from 'vitest';
import type MyArray from './index';
test('MyArray', () => {
const coll: MyArray<number> = {
items: [],
push(value) {
return this.items.push(value);
},
filter(callback) {
const newItems = this.items.filter(callback);
return { ...this, items: newItems };
},
};
expect(coll.push(1)).toBe(1);
expect(coll.push(2)).toBe(2);
expect(coll.push(5)).toBe(3);
expectTypeOf(coll.push).parameters.toExtend<[number]>();
const coll1: MyArray<string> = {
items: [],
push(value) {
return this.items.push(value);
},
filter(callback) {
const newItems = this.items.filter(callback);
return { ...this, items: newItems };
},
};
expectTypeOf(coll1.push).parameters.toExtend<[string]>();
});Решение учителя откроется через:
20:00
