Имеет ли смысл TypeScript, если на том же backend php?

Question

[Дархан]

Вопрос вызван малым недопониманием, TS позволяет нам отлавливать ошибки на уровне написания кода.. но на выходе все равно ведь получим JS, без типов и всего прочего.(тут ещё ок).
Но ведь мы не знаем точно какой тип данных вернёт бэк(привет php c попыткой вернуть 3.0 числом, а не стрингом). Преимущество TS тут разве не падает? Если мы не можем с такой же точностью контролировать типы на бэке?

Answer 1

[Дмитрий]

1) Что вы получаете на выходе в js - вообще никого не волнует, минифицированный код никто в здравом уме ни читать ни править не станет. Вся типизация - это контроль за порядком во время разработки.

2) PHP может вернуть только один тип данных - строку. Если она в формате json - то типы в json одинаковы для всех языков и при JSON.parse будут преобразованы в типы js.

Так что не переживайте, смело подключайте TS, типизация дело хорошее, тем более что в сравнении с такими языками как Java или C# в TS она весьма щадящая.

Answer 2

[Алексей П]

Конечно. Backend - соверншенно другая система.

Преимущество TS - отлов ошибок на этапе компиляции (до запуска кода), чтобы "бить" по рукам JS разрабу, если тот пишет фигню. Если в общих словах.

Но ведь мы не знаем точно какой тип данных вернёт бэк(привет php c попыткой вернуть 3.0 числом, а не стрингом). Преимущество TS тут разве не падает? Если мы не можем с такой же точностью контролировать типы на бэке?

Для решения таких проблем существуют другие инструменты - документация. Можно ещё притянуть Swagger (https://swagger.io/).

Если хочешь проверять типы данных в runtime, то советую посмотреть в сторону JSON Schema Validation (https://json-schema.org/implementations.html).

Swagger - актуален для документации, т.к. даёт спецификацию API.
JSON Schema Validation - можно затянуть и на фронт, и на бек.

Answer 3

[Дмитрий Кузнецов]

В PHP (^7.0) то же есть тип возвращаемых данных. Просто после скобок нужно указать тип возвращаемых данных.
Вот об этом писали уже на хабре: https://habr.com/ru/post/248721/

Answer 4

[Inviz Custos]

Но ведь мы не знаем точно какой тип данных вернёт бэк(привет php c попыткой вернуть 3.0 числом, а не стрингом).

https://www.npmjs.com/package/typescript-is

Comments

[Дархан]

ликбез дадите?)

[Inviz Custos]

Дархан Камалиев, либа для runtime проверки типа данных
Возьмем что-то банальное:

import { assertType } from 'typescript-is';

interface User
{
    firstName: string;
    lastName: string;
    age: number;
    avatar?: string;
}

interface UsersResponse
{
    totalCount: number;
    users: User[];
}

/*
 Тут какой-то ваш код, где получаете данные в переменную "data"
*/

assertType<UsersResponse>(data); // Если то, что в "data", не соответствует структуре UsersResponse, то будет выброшено исключение

Также посмотрите документацию, там достаточно примеров