[TS] 객체와 타입

 

 

 

객체와 타입

 

1. 객체 

 

유형	자바스크립트	타입스크립트
수	number	number
불리언	Boolean	boolean
문자열	String	string
객체	Object	object

 

 

 

 

# any타입

- 값의 타입에 무관한게 어떤 종류의 값도 저장할 수 있다.

 

# undefined타입

- 변수를 초기화하지 않으면 undefined값을 가지게 되는데 타입스크립트에서는 타입이기도 하고 값이기도 하다.

- undefined에는 숫자나 다른 것들을 할당 할 수 없다. 계층도에서 가장 하위에 속하기 때문이다.

 

 

 

 

 

 

2. 함수와 메서드

# 함수 선언문

/** type키워드로 타입별칭 만들기 */
함수의 타입을 명시하면 매개변수의 개수나 타입, 반환타입이 다른 함수를 선언하는 잘못을 방지할 수 있다.	

type stringNumber = (string, number) => void
let f: stringNumber = function(a:string, b:number): void{}
let h: stringNumber = function() {}
h()
=> 2개의 인수가 필요한데 0개를 가져왔습니다. 

/** 선택적 매개변수 */
함수의 매개변수에도 이름뒤에 물음표를 붙일 수 있으며, 이를 선택적 매개변수라고 한다.
아래처럼 함수호출을 모두 가능하게 하고싶을 때 사용
function fn(arg1: string, arg?:number) {
	console.log(`arg1: ${arg1}, arg: ${arg}`)
}
fn('hello', 1) // "arg1: hello, arg: 1"
fn('hello') // "arg1: hello, arg: undefined"

 

 

# 함수표현식, 화살표 함수와 표현식 문

- 함수표현식을 담는 변수는 let보다는 const키워드로 선언하는 것이 바람직하다. 
- const로 설정하면 함수내용이 이후에 절대로 바뀔 수 없기 때문

# 화살표 함수의 몸통은 function때와는 다르게 중괄호를 사용할 수도 있고 생략할 수도 있다.
const arrow1 = (a: number, b: number): number => {return a+b} //실행문 방식
const arrow2 = (a: number, b: number): number => a+b //표현식 문 방식

- 실행문의 결과를 알려면 반드시 return키워드를 사용해야한다.
- 표현식문은 실행된 결과를 굳이 return키워드를 사용하지 않아도 알려준다.
- return키워드는 반드시 함수몸통{}에서만 사용할 수 있다는 제약이 있다. 

# C언어는 모든문장이 반드시 세미콜론;으로 끝나야 한다. 
# C언어를 참조하여 만든 ES5자바스크립트 또한 그렇다.
# 반면에 ESNext자바스크립트와 타입스크립트에서는 세미콜론을 생략할 수 있다.