TypeScript สำหรับผู้เริ่มต้น

// var [identify]: [type-annotation] = value
let name: string = 'Hello World'

// var [identify]:[type-annotation]
let name: string

// var [identify] = value
let name = 'Hello World'

// var [identify]
let name

let myText = 'Hello World'
// Incorrect
myText = 100
// Correct
myText = 'Hello You'

let myText = 'Hello World'
// Incorrect
console.log(myText.len)
// Correct
console.log(myText.length)

let myText

myText = 'Hello'
myText = 100

let notSure: unknown = 4;
notSure = "maybe a string instead";

// OK, definitely a boolean
notSure = false;

let genders: string[] = ['male', 'female']
let numbers: number[] = [1, 2, 3, 4, 5]

interface Location {
  lat: number
  lng: number
}

const myLocation: Location = {
  lat: 13,
  lng: 54
}

type Location = {
  lat: number
  lng: number
}

const myLocation: Location = {
  lat: 13,
  lng: 54
}

// ไม่มี parameter และ ไม่มีการ return ค่า
const logMessage = (): void => {
  console.log('Hello World')
}

// ไม่มี parameter และมีการ return ค่า
const getMessage = (): string => {
  return 'Hello World'
}

// มี parameter และ มีการ return ค่า
const getGreetingMessage: (name: string): string => {
  return `Hello ${name}`
}

// มี parameter ที่เป็น optional
const getFullname = (firstName: string, lastName?: string) => {
  if (lastName) {
    return `${firstName} ${lastName}`
  }
  return firstName
}

// มี parameter ที่ใส่ default value
const getFullName = (firstName: string, lastName?: string, title = 'Mr.') => {
  if (lastName) {
    return `${title} ${firstName} ${lastName}`
  }
  return return `${title} ${firstName}`
}

interface Location {
  lat: number
  lng: number
}

const fetchData = (country: string) => Promise<Location> = {
  return axios.get('/location', {
    params: {
      country
    }
  })
}