Классы в TypeScript являются одновременно значением и типом данных. Второе нам особенно важно в контексте типизации функций и методов, что мы и изучим в этом уроке.
Рассмотрим следующий пример:
class Point {
x: number;
y: number;
constructor(x: number, y: number) {
this.x = x;
this.y = y;
}
}
function isEqual(p1: Point, p2: Point): boolean {
return p1.x === p2.x && p1.y === p2.y;
}
Здесь функция isEqual()
принимает два аргумента типа Point
. И хоть мы используем в качестве типа класс Point
, но передавать в функции мы можем любые объекты с полями x
и y
:
isEqual({ x: 1, y: 2 }, { x: 1, y: 2 }); // OK
Такое поведение обусловлено структурной типизацией. При сравнении типов TypeScript сравнивает их структуру, а не имена. На практике это упрощает работу с внешними библиотеками и заглушками для тестирования.
TypeScript будет явно требовать экземпляр класса, если у него есть приватные поля:
class Point {
private x: number;
private y: number;
constructor(x: number, y: number) {
this.x = x;
this.y = y;
}
isEqual(p2: Point): boolean {
return this.x === p2.x && this.y === p2.y;
}
}
const point = new Point(1, 2);
point.isEqual(new Point(10, 1)); // OK
point.isEqual({ x: 1, y: 2}); // Error: Argument of type '{ x: number; y: number; }' is not assignable to parameter of type 'Point'.
Реализуйте класс CustomFile
, в конструктор которого передается имя файла и размер в байтах или другой файл. Внутри класса определите метод toString()
, который должен вернуть форматированную строку в формате (copy) <file-name> (<size> bytes)
. (copy)
должно выводиться только в том случае, если файл является копией другого файла.
const file = new CustomFile({ name: 'open-world.jpeg', size: 1000 });
console.log(file.toString()); // open-world.jpeg (1000 bytes)
const file2 = new CustomFile(file);
console.log(file2.toString()); // (copy) open-world.jpeg (1000 bytes)
const file3 = new CustomFile(file2);
console.log(file2.toString()); // (copy) open-world.jpeg (1000 bytes)
Если вы зашли в тупик, то самое время задать вопрос в «Обсуждениях». Как правильно задать вопрос:
Тесты устроены таким образом, что они проверяют решение разными способами и на разных данных. Часто решение работает с одними входными данными, но не работает с другими. Чтобы разобраться с этим моментом, изучите вкладку «Тесты» и внимательно посмотрите на вывод ошибок, в котором есть подсказки.
Это нормально 🙆, в программировании одну задачу можно выполнить множеством способов. Если ваш код прошел проверку, то он соответствует условиям задачи.
В редких случаях бывает, что решение подогнано под тесты, но это видно сразу.
Создавать обучающие материалы, понятные для всех без исключения, довольно сложно. Мы очень стараемся, но всегда есть что улучшать. Если вы встретили материал, который вам непонятен, опишите проблему в «Обсуждениях». Идеально, если вы сформулируете непонятные моменты в виде вопросов. Обычно нам нужно несколько дней для внесения правок.
Кстати, вы тоже можете участвовать в улучшении курсов: внизу есть ссылка на исходный код уроков, который можно править прямо из браузера.
Ваше упражнение проверяется по этим тестам
1import CustomFile from './index';
2
3test('CustomFile', () => {
4 const file = new CustomFile({ name: 'foo.txt', size: 4000 });
5
6 expect(file.name).toBe('foo.txt');
7 expect(file.size).toBe(4000);
8 expect(file.toString()).toBe('foo.txt (4000 bytes)');
9
10 const file2 = new CustomFile(file);
11 expect(file2.toString()).toBe('(copy) foo.txt (4000 bytes)');
12});
13
Решение учителя откроется через: