타이프 라이터 기능
문으로 작업을 수행하는 함수의 집합입니다.
당신은 다른 기능에 코드를 넣을 수 있습니다. 어떻게 별도의 기능에 코드를 분할하려면를 결정하는 것은 여러분의 몫입니다 만, 논리적으로 보통에 따라 특정 작업을 수행하기 위해 각각의 기능을 수행 나누었다.
함수 선언은 컴파일러 함수 이름, 반환 형식과 매개 변수를 알려줍니다. 함수 정의 기능의 실제 본체를 제공한다.
기능 정의
펑션 블록은 중괄호에 싸여, 이전에 사용 된 키워드 기능 :
구문은 다음과 같습니다 :
FUNCTION_NAME 함수 ()
{
// 코드 실행
}
전화 기능
기능 만 호출하여 함수 내의 코드를 행할 수있다.
구문은 다음과 같습니다 :
FUNCTION_NAME ()
예
테스트 기능 () { // 함수 정의
을 console.log ( " 통화 기능 " )
}
테스트 () // 함수를 호출
함수 반환 값
때때로 우리는 그것을 호출 지역에 결과를 반환하는 기능을 실행합니다.
그것은 return 문을 사용하여 달성 될 수있다.
return 문을 사용하는 경우, 함수는 실행을 중지하고 지정된 값을 반환합니다.
구문은 다음과 같습니다 :
함수 FUNCTION_NAME () return_type {
// 语句
리턴 값;
}
-
반환 값의 유형을 return_type.
-
결과에 따라 반환 키워드 후 반환한다.
-
함수는 하나의 return 문을 가질 수 있습니다.
-
리턴 타입 (return_type) 함수 정의의 요구에 부합 리턴 값의 타입.
익명 기능 :
익명 함수는 함수를 함수 이름입니다.
어떤 함수 이름, 같은 표준 기능과 다른이 없습니다 제외하고는 프로그램의 동적 익명 함수 선언은 실행 중입니다.
우리는 변수에 할당 익명 함수가 될 수 있으며,이 표현은 함수 표현식이된다.
다음과 같은 구문은 다음과 같습니다
var에 재미 = 함수 () : 번호 {
반환 (123) ;
}
경고 (재미 ()); // 메소드를 호출
매개 변수 기능
당신이 함수를 호출 할 때, 당신은 그것에게 가치를 전달할 수 있습니다,이 값은 매개 변수라고합니다.
이러한 매개 변수는 함수에서 사용할 수있다.
당신은 쉼표 사용하여 함수에 각 매개 변수를 여러 매개 변수를 보낼 수 있습니다 구분 :
구문은 다음과 같습니다 :
기능 GetInfo를 (이름 : 문자열 , 연령 : 수) : 문자열 {
반환 ' $ {이름} --- $ {나이} ' ;
}
경고 (GetInfo를 ( ' zhangsan ' , 20 );
-
이름, 나이는 매개 변수의 이름입니다
-
문자열 매개 변수 유형을위한 번호입니다.
선택적 매개 변수
우리는 매개 변수를 정의하는 경우 이러한 매개 변수 옵션, 옵션 매개 변수는 물음표에 의해 확인되지 않는 타이프 라이터 함수에서, 우리는 이러한 매개 변수를 전달해야합니까? .
function buildName(firstName: string, lastName?: string) {
if (lastName)
return firstName + " " + lastName;
else
return firstName;
}
let result1 = buildName("Bob"); // 正确
let result2 = buildName("Bob", "Adams", "Sr."); // 错误，参数太多了
let result3 = buildName("Bob", "Adams"); // 正确
可选参数必须跟在必需参数后面。 如果上例我们想让 firstName 是可选的，lastName 必选，那么就要调整它们的位置，把 firstName 放在后面。
如果都是可选参数就没关系。
默认参数
我们也可以设置参数的默认值，这样在调用函数的时候，如果不传入该参数的值，则使用默认参数
function getInFo(name: string,age: number = 20):string{
return '${name}---${age}';
}
alert(getInFo('zhangsan');
实例函数的参数 age 设置了默认值为20，调用该函数时如果未传入参数则使用该默认值
剩余参数
也叫 三点运算符 接受新参传过来的值。
有一种情况，我们不知道要向函数传入多少个参数，这时候我们就可以使用剩余参数来定义。
剩余参数语法允许我们将一个不确定数量的参数作为一个数组传入。
function sun(...result: number[]):number{
var sun = 0;
for(var i = 0; i < result.length; i++){
sun+=result[i];
}
return sum;
}
alert(sum(1,2,3,4,.....));
可以在sun（）中无限的添加参数，不用改方法的定义。
函数重载
重载是方法名字相同，而参数不同，返回类型可以相同也可以不同。
每个重载的方法（或者构造函数）都必须有一个独一无二的参数类型列表。
参数类型不同：
function disp(string):void;
function disp(number):void;
参数数量不同：
function disp(n1:number):void;
function disp(x:number,y:number):void;
参数类型顺序不同：
function disp(n1:number,s1:string):void;
function disp(s:string,n:number):void;
如果参数类型不同，则参数类型应设置为 any。
参数数量不同你可以将不同的参数设置为可选。
实例
function myInFo(name: string): void;
function myInFo(age: number, name: string): void;
function myInFo(class: any, phone ?: any): void {
console.log(class);
console.log(phone );
}
myInFo("小明")
myInFo(1,"晓峰");
Lambda 函数
Lambda 函数也称之为箭头函数。
箭头函数表达式的语法比函数表达式更短
var getInFo = function (name: string,age: number):string => {
return '${name}---${age}';
}
alert(getInFo('zhangsan',20);
( ) => { }
相当于
function myInFo(): void { }
无参数时可以设置空括号。
好了，ts的函数就到这里吧，和js有点儿不同。