February 20, 2020
class Student {
fullName: string
constructor(
// ⭐ public
public firstName: string,
public middleInitial: string,
public lastName: string
) {
this.fullName = firstName + ' ' + middleInitial + ' ' + lastName
}
}
// ⭐ interface
interface Person {
firstName: string
lastName: string
}
// ⭐ type
function greeter(person: Person) {
return 'Hello, ' + person.firstName + ' ' + person.lastName
}
let user = new Student('Jane', 'M.', 'User')
console.log(user)
/*
Student {
firstName: 'Jane',
middleInitial: 'M.',
lastName: 'User',
fullName: 'Jane M. User'
}
*/
console.log(greeter(user))
// Hello, Jane User
타입스크립트는 변수에 타입
을 지정해줄 수 있다.
let isDone: boolean = false
let decimal: number = 6
let color: string = 'blue'
let list: number[] = [1, 2, 3]
let list: Array<number> = [1, 2, 3]
let today: Date = new Date()
let elem: HTMLDivElement = document.getElementById('root')
class Person {}
let person: Person = new Person()
let notSure: any = 4
notSure = '문자열일수도 있다'
notSure = false
let num = 3
num = '삼' // error
let num
num = 3
num = '삼' // no error
(작성중)