TypeScript 기초 학습 노트 (2)

2167 단어 학습 노트
Typescript 의 함수
  • 함수 의 정의
  • //js      
    function fun () {
    	return 'string';
    }
    //typescripe       
    function fun () : string { 
       return 'string';//  function         
    }
    //  
    let fun2 = function () :number{
    return 123;
    }
    
    //       
    function fun3 (name:string,age:number) :string{
       return `${name} --- ${age} `;
    }
    alert(fun3('wen',23));
    
    //     
    function run () : void{
       console.log('run');
    }
    run()
    
  • 방법 선택 가능 한 매개 변수
  • function getInfo(name:string,age?:number) : string {// ?          
    		if(age){
    			return `${name} --- ${age}`
    		}else{
    			return `${name}` };
    }
    
  • 기본 매개 변수
  • function getInfo(name:string,age:number = 20) : string {        age ,         ,               
    		if(age){
    			return `${name} --- ${age}`
    		}else{
    			return `${name}` };
    }
    
  • 남 은 매개 변수
  • function sum (a:number,b:number,c:number):number {
    	return a+b+c ;
    }
    //              
    function sum (...resuylt:number[]):number {
     	let sum = a;
     	for(let i=0;i
  • 함수 과부하
  • //java      :              ,         ,            ;
    //ts    :                           ;
    
    //es5       ,             
    function css (config:any):any {
    }
    function css (config:any,value:any):any {
    }
    //ts 
    function getInfo (name:string) : string;
    function getInfo (age:number) : number;
    function gerInfo (str:ant) : any {
    	if( typeof str === 'string' ) {
    		return 'I'm:‘ + str ;
    	} else {
    		return  'age:’ + str ;
    	}
    }
    alert ( getInfo('wen‘));---  :I'm:wen;
    alert ( getInfo('20')); ---   : age:20;
    function getInfo (name:string) : string;
    function getInfo (name:string,age:number) : number;
    function gerInfo (str:ant) : any {
    	if( typeof str === 'string' ) {
    		return '  ’ +name+ 'age'+age ;
    	} else {
    		return  '  :’ + name ;
    	}
    }
    alert (getInfo('wen')) ;//  
    //alert(getInfo(20));//  
    
  • 화살표 함수 es6
  • //this     :      this     
        setTime(()=>{	
    alert('run');
    },1000)
    

    좋은 웹페이지 즐겨찾기