# Создаем новую директорию для проекта
mkdir typescript-intro
# Делаем созданную директорию текущей
cd typescript-intro
# Инициализируем Node.js-проект
npm init -y
# Устанавливаем компилятор TypeScript
npm i typescript

console.log(1)

# Преобразуем index.ts в index.js
npx tsc index.ts

# Вы должны увидеть `1` в терминале
node index.js

# Создаем стандартный tsconfig.json
npx tsc --init

function addOne(age) {
return age + 1
}
const age = 'thirty two'
console.log(addOne(age))

node test.js

function addOne(age: number): number {
return age + 1
}
console.log(addOne(32))
console.log(addOne('thirty two'))

npx tsc index.ts

index.ts:6:20 - error TS2345: Argument of type 'string' is not
assignable to parameter of type 'number'. Аргумент типа 'строка' не может быть присвоен параметру с типом 'число'.

// Данная функция принимает не любое число, а только 3 или 4
declare function processNumber(s: 3 | 4)
declare function processAnyNumber(n: number)
const n: number = 10
const n2: 3 = 3
processNumber(n) // Ошибка: `number` - это не `3 | 4`
processAnyNumber(n2) // Работает. 3 - это `number`

// Создаем ассоциативный тип
type User = {
id: number
username: string
name: string
}
// Создаем объект `user`, соответствующий ассоциативному типу
const user: User = {
id: 1,
username: 'Superman',
name: 'Clark Kent',
}

// Создаем ассоциативный тип
type User = {
id: number
username: string
name: string
}
// Создаем несколько объектов `user`, соответствующих ассоциативному типу
const user1: User = {
id: 1,
username: 'Superman',
name: 'Clark Kent',
}
const user2: User = {
id: 2,
username: 'WonderWoman',
name: 'Diana Prince',
}
const user3: User = {
id: 3,
username: 'Spiderman',
name: 'Peter Parker',
}
// Создаем вектор пользователей
const userVector: User[] = [user1, user2, user3]

// Создаем ассоциативный тип
type User = {
id: number
username: string
name: string
}
// Создаем объект `user`, соответствующий ассоциативному типу
const user1: User = {
id: 1,
username: 'Superman',
name: 'Clark Kent',
}
// Создаем кортеж
const userTuple: [User, number] = [user1, 10]

npm i node-fetch @types/node-fetch

type User = {
id: number
username: string
name: string
email: string
}
async function fetchFromEmail(email: string) {
const res = await fetch('https://jsonplaceholder.typicode.com/users')
const parsed: User[] = await res.json()
const user = parsed.find((u: User) => u.email === email)
if (user) {
   return fetchFromId(user.id)
}
return undefined
}
function fetchFromId(id: number) {
return fetch(`https://jsonplaceholder.typicode.com/users/${id}`)
   .then((res) => res.json())
   .then((user) => user.address)
}
function getUserAddress(user: User | string) {
if (typeof user === 'string') {
   return fetchFromEmail(user)
}
return fetchFromId(user.id)
}
getUserAddress('Rey.Padberg@karina.biz').then(console.log).catch(console.error)

const userTuple: Array<User | number> = [u, 10, 20, u, 30]
// Любой элемент может быть либо `User`, либо `number`

const userTuple: [User, number] = [u, 10, 20, u, 30]
// Ошибка: массив должен состоять из двух элементов с типами `User` и `number`
const anotherUserTuple: [User, number] = [u, 10] // Все верно

// Определяем предохранитель для `user`
function isUser(u: unknown): u is User {
if (u && typeof u === 'object') {
   return 'username' in u && 'currentToken' in u
}
return false
}
function getUserAddress(user: User | string) {
if (isUser(user)) {
   return fetchFromEmail(user)
}
return fetchFromId(user.id)
}

import Ajv from 'ajv'
const ajv = new Ajv()
const validate = ajv.compile({
type: 'object',
properties: {
   username: { type: 'string' },
   currentToken: { type: 'string' },
},
})
function validateUser(data: unknown): data is User {
return validate(data)
}

type Member = {
type: 'member'
currentProject: string
}
type Admin = {
type: 'admin'
projects: string[]
}
type User = Member | Admin
function getFirstProject(u: User) {
if (u.type === 'member') {
   return u.currentProject
}
return u.projects[0]
}

function validateUser(data: unknown): data is User {
return true
}

const invalidUser = undefined
if (validateUser(invalidUser)) {
// Предыдущая инструкция всегда возвращает `true`
console.log(invalidUser.name) // Ошибка, возникающая во время выполнения
}

import * as D from 'io-ts/Decoder';
import * as E from 'io-ts/Either';
import { pipe } from 'fp-ts/function';
// Определяем декодер, представляющий `user`
const UserDecoder = D.type({
   id: D.number,
   username: D.string,
   name: D.string
   email: D.string
});
// и используем его в отношении потенциально опасных данных
pipe(
   UserDecoder.decode(data),
   E.fold(
       error => console.log(D.draw(error)),
       decodedData => {
           // типом `decodedData` является `User`
           console.log(decodedData.username)
       }
   )
);

{
"extends": "@tsconfig/node12/tsconfig.json",
"include": ["src"]
}