TIL]Type Script-関数の作成方法
11381 ワード
🌼 関数のタイプの指定
🌻 関数の「戻る」(Return)タイプ
function 함수이름(매개변수1, 매개변수2): 함수의 반환 타입 {
}
function sendGreeting (message, userName): void {
console.log(`${message}, ${userName}`);
}
sendGreeting('Hello', 'Mark');
// void: 아무것도 반환하지 않는 함수의 반환 값으로만 사용될 수 있는 타입
function sendGreeting (message, userName): string[] {
return ['Hello', 'Mark'];
}
// 원시 type 외에 배열이나 객체 형태도 type으로 지정할 수 있다.
🌻 関数のパラメータ(パラメータ)
function sendGreeting (message: string, userName: string): void {
console.log(`${message}, ${userName}`);
}
sendGreeting('Hello', 1);
// 다른 타입의 매개변수는 전달되지 않고 에러를 발생시킨다.
sendGreeting('Hello');
// 함수 호출시, 타입 스크립트 컴파일러는 함수에 정의된 Parameter와
// 함수를 호출할 때 전달된 Argument의 수를 확인하여 일치하지 않을 경우,
// 에러를 발생시킨다.
// 매개변수를 선택적으로 전달될 수 있는 상황이라면 선택적 매개변수 처리를 한다.
function sendGreeting (message: string, userName?: string): void {
console.log(`${message}, ${userName}`);
}
sendGreeting('Hello');
// Hello, undefined
// 선택적 매개변수는 필수 매개변수 뒤에 위치해야 한다!
🌻 関数のデフォルトパラメータ
function sendGreeting (message: string, userName = 'there'): void {
console.log(`${message}, ${userName}`);
}
sendGreeting('Hello');
// Hello, there
// userName의 type을 삭제한 이유는 타입 스크립트에 타입 추론이 있기 때문이다.
function sendGreeting (message = 'Hello', userName = 'there'): void {
console.log(`${message}, ${userName}`);
}
sendGreeting();
// Hello, there
sendGrerting('Good morning');
// Good morning, there
sendGreeting('Good afternoon', 'Jenny');
// Good afternoon, Jenny
出典:YOUTUBE-ピーナッツコードReference
この問題について(TIL]Type Script-関数の作成方法), 我々は、より多くの情報をここで見つけました https://velog.io/@link717/TIL-TypeScript-함수-작성법テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol