TypeScript 함수 정의 및 사용 사례 튜 토리 얼

TypeScript 에서 함수 정의 및 사용
1.함수 가 전 참 형식 을 제약 하고 반환 값 형식 을 설명 합 니 다.

	      ，     
const fun1 = (key: string, value: number): void => {
		console.log(key, value);//"Typescript"，100
};
fun1("Typescript", 100);

2.TypeScript 의 함수 설정 은 선택 할 수 있 는 매개 변 수 를 설정 합 니 다.ES5 또는 ES6 의 함수 에 있 는 실제 매개 변 수 는 전달 되 지 않 지만 TS 에 전달 되 어야 합 니 다.필수 매개 변 수 를 설정 하려 면 선택 할 수 있 는 매개 변 수 를 설정 해 야 합 니 다.구체 적 으로 다음 과 같 습 니 다.

const fun2 = (a: string, b?: number) => {
//      ?                
	console.log(a);//typescript
}
fun2('typescript');
  ：                 ，
  ts      (                )

3.TypeScript 함수 설정 기본 값

//      ，     ，          ,    ES6  
const fun3 = (a: number, b: string = 'ECMAScript'): void => {
	console.log(a);//20
	console.log(b);//typescript
};
fun3(20, 'typescript');
/      ，      ，  B    true
	const fun4 = (a: number, b: boolean = true): void => {
	    console.log(a);//60
	    console.log(b);//true
};
fun4(60);

4.TypeScript 함수 의 나머지 매개 변수

//      ，         ， ES6  rest...       
const fun5 = (...result: number[]): void => {
//   result    ，       
let sum: number = 0;
	for (let index = 0; index < result.length; index++) {
	     sum += result[index];
};
    console.log(sum);//150
};
fun5(10, 20, 30, 40, 50);
//                   ，     
	
//    ，        
const fun6 = (first: string, ...result: string[]): void => {
	console.log(first);//string
	console.log(result);//[ 'number', 'boolean', 'function', 'true' ]
}
fun6('string', 'number', 'boolean', 'function', 'true');

5.TypeScript 의 함수 다시 불 러 오기

// java      ：                 ，
         ，            。
// typescript    ：
                            。
//TS       TS    ES5 ES6       
//         
	function dataFn(a: string, b: number): void
	function dataFn(a: number, b: string): void
	function dataFn(a: number, b: number): void
	function dataFn(a: any, b: any): void {
//                            
	if(typeof (a) === "string") {
		    console.log('This is    ')
	};
	if (typeof (a) === "number" && typeof (b) === "number") {
		     console.log('this is   ');
	};
	if (typeof (a) === 'number') {
		     console.log(a, b);//20,typescript
		 } else {
		    }
	}
	dataFn(10, 20);
	dataFn(20, 'typescript');

6.TypeScript 의 화살표 함수

    ：
    let func = num:number => num; //        ‘='      ,      
	let func = () => num;//       ， ‘='   ‘（）'     （）        
	let sum = (num1, num2) :number=> num1 + num2;//    1     ，
	//   ‘=>'         ，         
	          {},     {}  ，       ,    
    ：
	     this  ，           ，             ，
	    window，                        this
	         ，    ，     new  ，         。
	     arguments  ，           。
	    ，    rest     。
	const fun8 = (a: number, b: number): void => {
		console.log(a, b)
	}
	fun8(10, 20);

TypeScript 의 함수 정의 와 사용 사례 튜 토리 얼 에 관 한 이 글 은 여기까지 소개 되 었 습 니 다.더 많은 TypeScript 의 함수 정의 와 사용 내용 은 우리 의 이전 글 을 검색 하거나 아래 의 관련 글 을 계속 조회 하 시기 바 랍 니 다.앞으로 많은 응원 바 랍 니 다!