[근육고양이] TypeScript 함수

TypeScript에는 function, 화살표(=>)를 사용하여 함수를 만들 수 있다.

 

function의 기본적인 함수 구조이다.

 

function 함수 이름(매개변수1, 매개변수2, ...):반환값 타입{
  함수 내용
}

 

function을 사용한 기본적인 함수이다.

 

function Sum (number1:number, number2:number):number{
  return number1 + number2
}

 

함수 이름 Sum과 매개변수 number1, number2 반환값 타입 :number 반환값 return number1 + number2로 이루어진 가장 기본적인 함수이다.

 

화살표(=>)의 기본적인 함수 구조이다.

 

const 함수 이름 = (매개변수1, 매개변수2, ...): 반환값 타입 => {함수 내용}

 

화살표(=>)를 사용한 기본적인 함수이다.

 

const arrow = (name:string, nickname:string):void => {console.log(`${name}고양이 나의 별명은 ${nickname}`)}
//<Button title='실행' onPress={(() => arrow('화살', '휙~화살'))} /> console.log => 화살고양이 나의 별명은 휙~화살

 

function과 마찬가지로 매개변수 name, nickname 반환값 타입 :void 함수 내용은 console.log 이하 내용이다.

 

타입스크립트에는 이렇게 2가지 방법의 함수 선언 방법이 있다. 아직까지는 두 함수의 차이점을 실감할 수는 없어서 본인이 느끼기에 편한 방법을 사용하여 함수를 구현하면 될 것 같다.