TypeScript Use Cases

 АЛЕКСАНДР МАЙОРОВ, Tutu.ru, руководитель отдела Frontend-разработки, alexander@majorov.su

Статья – сборник различных решений при работе с TypeScript. Скорее даже ответы на задаваемые вопросы, путеводитель по часто встречающимся ситуациям

Конкретно в данной статье мы рассмотрим интересные проблемы, возникающие при работе с типами. Не всегда у разработчиков, особенно начинающих, хватает знаний как разруливать различные спорные ситуации с компилятором, который ругается на несоответствие типа. Давайте по порядку пройдемся по таким случаям.

TS2345: Type is not assignable to type

Бывают случаи, когда вы сталкиваетесь с ошибкой вида:

TS2345: Argument of type 'тип 1' is not assignable to parameter of type 'тип 2'. Type 'тип 2' is not assignable to type 'тип 1'

Такое происходит из-за того, что вы скорее всего используете объединение типов (union type). К примеру, у вас есть код:

let s :string | string[];

В таком случае компилятор объединяет эти типы и работает только с общими свойствами и методами. К примеру, у строки и массива есть свойство .length. Это значит, что вы можете пользоваться этим свойством без проблем, ибо это ненарушает правила работы с данным типом. Но как только вы расширите тип числовым примитивом:

let s :string | string[] | number;

ваш код будет выдавать ошибку:

TS2339: Property 'length' does not exist on type 'string | string[] | number'.

Все потому, что у number нет никакого свойства .length. Как быть? Есть несколько разных способов решить эту задачу. Опишу все по порядку.

Самый простой и дешевый – это использовать технику Typecasting. Вообще в других языках программирования Typecasting – это привидение типа (англ. type conversion), преобразование значения одного типа в значение другого типа. ВJavaScript (ECMAScript) это делается автоматически по необходимости с использованием вспомогательных методов toString() и valueOf().

TypeScript вы скорее всего используете именно из-за его основной фичи: статическая типизация. Так как TypeScript – это все же тот же JavaScript, а вы скорее всего Frontend-разработчик, то вы не можете жить с переменными строго одного типа. И код пестрит различными мультитипами, или периодически вы пытаетесь приводить один тип к другому. Иногда это усложняет работу, так как вы можете наталкиваться на «непонятное» поведение компилятора.

Статью целиком читайте в журнале «Системный администратор», №07-08 за 2016 г. на страницах 89-91.

PDF-версию данного номера можно приобрести в нашем магазине.

1. Краткий справочник по типам в TypeScript – https://github.com/frontdevops/typescript-cheat-sheet.

Комментарии могут оставлять только зарегистрированные пользователи