typescript 函数

﹏ヽ暗。殇╰゛Y 2021-07-24 22:18 484阅读 0赞

定义函数两种方式
    
    	方式一
    		function xx(x:类型,y:类型):返回值类型{
    			...
    		}
    		函数表达式:
    		const fn= function(x:类型,y:类型):返回值类型{
    			...
    		}
    		箭头函数:
    		const fn= (x:类型,y:类型):返回值类型=>{
    			...
    		}
    	方式二
    		let xx:(x:类型,y:类型)=>返回值类型=function(x,y){
    			...
    		}
    
    可选参数
    
    	function xx:(x:类型,y?:类型):返回值类型{
    		...
    	}
    		其中:
    			可选参数必须放到必选参数后面,可选参数后面不能接必选参数
    
    可变参数
    
    	function(...value:类型[ ]):返回类型{
    			...
    	}
    		其中:
    			因为可变参数是将参数放到value数组里,所以限制类型应该用数组的方式
    
    参数默认值
    
    	function(x:类型,y:类型='值'):返回类型{
    		...
    	}
    
    函数返回值
    	function xx():类型{
    		void无返回值
    	    ...
    	}
    	function xx():never{
    	    never表示函数无法执行完成
    	    如:
    	    	throw new Error();
    	    	console.log(xx);
    	    	或while(true){...}
    	}
    
    函数重载:
    (1)写出函数重载列表,最精准的放在最前面,最后面的为兼容上面的类型,用来定义不同重载的运行逻辑
    	如:
    		function add8(...rest: number[]): number;
    		function add8(...rest: string[]): string;
    		在类型最宽泛的版本中实现重载
    		function add8(...rest: any[]): any{
    		  if (typeof rest[0] === 'string') {
    		    return '1'
    		  } else {
    		    return 99
    		  }
    		};
    
    		add8(2);
    	在类中函数重载同理,去掉function关键字,可以重载静态方法或成员方法

代码示例: