기울어진 TypeScript

명령:

npm init -y

Wrote to C:\TypeScript\package.json:

{
  "name": "typescript",
  "version": "1.0.0",
  "description": "",
  "main": "index.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "keywords": [],
  "author": "",
  "license": "ISC"
}

npm install --save-dev typescript
or
npm i -D typescript

added 1 package, and audited 2 packages in 3s

found 0 vulnerabilities

npx tsc --init

Created a new tsconfig.json with:
                                                                                                         TS
  target: es2016
  module: commonjs
  strict: true
  esModuleInterop: true
  skipLibCheck: true
  forceConsistentCasingInFileNames: true


You can learn more at https://aka.ms/tsconfig.json

npx tsc

  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1",
    "build": "tsc"

npm run build

데이터 유형

끈

let nome: string;

nome = 'João';

function nomeCompleto(nome: string, sobrenome: string) {
  return nome + ' ' + sobrenome;
}

nomeCompleto('João', 'Silva');

숫자

let idade: number;

idade = 25;

function somar(a: number, b: number) {
    return a + b;
}

somar(1,1);
somar(2,4);

부울

let active: boolean;

active = true;

function verificarAtivo(ativo: boolean) {
    if (active) {
        return 'Ativo';
    } else {
        return 'Inativo';
    }
}

verificarAtivo(false);

정렬

const nomes: string[] = ['João', 'Maria', 'Pedro'];

function printNames(nomes: string[]) {
  return `nomes: ${nomes.join(', ')}`;
}

console.log(printNames(nomes));

튜플

const pessoas: [string, string, string] = ['João', 'Maria', 'Pedro'];

const joao: [string, number] = ['João', 25];

const maria: [string, number] = ['Maria', 20];

열거형

enum Profiles{
    admin,
    editor, 
    user
}

enum Cores {
  red = '\u001b[31m',
  black = '\u001b[30m',
}

const usuario = {
    level: Profiles.admin
}

console.log(usuario);

유형 별칭

type User = {
  name : string;
  lastName: string;
  birthday: string;
  age?: number;  //optional
}

const user: User = {
  name: 'some name',
  lastName: 'some last name',
  birthday: '01/01/1900',
}

조합 유형

type LogLevel = 'info' | 'error' | 'debug'

function logMessage(message: string, level: LogLevel) {
  console.log(`[${level}] - ${message}`)
}

logMessage("A message", 'info')

교차점 유형

type About = {
  bio: string;
  interests: string[];
}

type Profile = User & About;
const userWithProfile: Profile = {
  name: 'name',
  lastName: 'lastname',
  birthday: '01/01/1900',
  bio: 'bio',
  interests: ['games', 'sports'],
}

다른 유형

let value: any;

value = 25;
value = '25';

let informations: unknown;
let completeInformations: string;

completeInformations = informations; //don't compile, with any compile

사물

class User {

  public name;
  public idade;

  constructor(name: string, age: number) {
    this.name = name;
    this.age = age;
  }
}

//inheritance
class Player extends User {

  public game;

  constructor(name: string, age: number, game: string) {
    super(name, age);
    this.game = game;
  }

  currentGame() {
    return `I am playing ${this.game}`; 
  }

  static currentTime() {
    return Date();
  }
}

const user = new User("name", 15)
console.log(user)

const player = new Player("name", 18, "game");
console.log(player.currentGame());

//static
console.log(Player.currentTime());

개인 x 보호

class Game {
  private name;
  protected otherName;

  constructor(name: string, otherName: string) {
    this.name = name;
    this.otherName = otherName;
  }

  getName() {
    return name;
  }
}

class SpecialGame extends Game {
  private description;

  constructor(name: string, description: string) {
    super(name, "other");
    this.description = description;
  }

  getOtherName() {
    return this.otherName;
  }
}

상호 작용

interface IGame {
  getDescription(): string;
}

class Game implements IGame {

  getDescription(): string {
    return "";
  }
}

const objeto: IGame = {
  getDescription(): string {
    return "something";
  }
}