Typescript-2 소개

3176 단어 typescriptjavascript
의 속편입니다. 아직 검색하지 않으신 분은 꼭 보세요. 여기서는 함수, 유형 별칭, 함수 서명에 대해 설명합니다.
기능
여기서는 TypeScript에서 함수를 정의하는 방법을 배웁니다.

const info=(name:string,age:number,phone?:number | string )=>{
    console.log(name);
    console.log(age);
    console.log(phone);
    }

info("Tanzim",20.34,"0145566987");


여기에서 함수의 매개변수 유형을 정의할 수 있음을 알 수 있습니다.
매개 변수 phone의 정보 기능에서 ?를 통해 숫자 또는 문자열 중 하나로 말할 수 있는지 여부를 선택할 수 있습니다. 문자열|숫자
간단히 작성할 수 있는 함수에 모든 유형의 매개변수를 할당하고 싶다고 가정합니다.

number,phone:any


그러나 아무 것도 권장하지 않습니다. 보여주기 위해 여기에 작성되었습니다.
변수를 함수로 정의하면

let sum=(num1:number,num2:number)=>{
    console.log(num1+num2);

}

let totalsum=sum(20,20);


여기에서 totalsum의 값을 문자열로 사임하려고 하면 오류가 발생합니다.

totalsum='20';


우리는 이것을 얻을 것이다
totalsum은 void 유형에 할당할 수 없습니다.

유형 별칭

type userinfo = { name: string, email: string }
const greet=(user:userinfo)=>{
    console.log(`${user.name}and ${user.email}`);


}


여기에서 함수의 모든 유형을 가져올 수 있는 유형 별칭을 정의하는 방법을 볼 수 있습니다.
실수로 var, let 또는 const를 사용해 보았지만 동일한 매개 변수를 계속해서 사용해야 하는 경우 type을 사용해야 합니다. 유형은 해당 유형과 함께 매개변수와 동일합니다.

함수 서명
함수의 매개변수 유형과 함수의 서명을 정의할 수 있습니다.

let newprofile:(name:string,age:number)=>void;

newprofile=(name:string,age:number)=>{
    console.log(`His name is ${name} and age is ${age}`);


}
newprofile("Tanzim",25);


여기서 처음에는 함수의 두 매개변수인 서명을 문자열과 숫자로 정의했습니다. 매개변수에 부울을 지정하려고 하면 오류가 발생합니다.

let newprofile:(name:string,age:number)=>void;

newprofile=(name:string,age:boolean)=>{
    console.log(`His name is ${name} and age is ${age}`);


}

newprofile("Tanzim",true);



그것이 우리에게 줄 오류는 이것입니다



두 번째 경우에 우리는

let totalnum:(numone:number,numtwo:number,action:string)=>number;

totalnum=((numone:number,numtwo:number,action:string)=>{
    if(action=="added"){
        return numone+numtwo;
    }else{
        return numone*numtwo;
    }

});


여기에서 매개변수를 숫자를 반환하지 않는 문자열이나 부울로 변경하려고 하면 오류가 발생합니다.
세 번째 경우

let userinfo:(obj:{name:string,age:number})=>void;
type usersinfotype={name:string,age:number};
userinfo=(usersinfo:usersinfotype)=>{
    console.log(`His name is ${usersinfo.name} and age is ${usersinfo.age}`);


}
userinfo({name:'Tanzim',age:25})


그는 매개변수를 객체로 반환했습니다. 우리가 유형을 썼다면
type usersinfotype={name:string,age:boolean};
void는 type에 할당할 수 없다는 오류가 발생합니다.
그래서 여기서 별칭, 함수, 함수 서명에 대해 논의했습니다. 다음 부분에서는 인터페이스에 대해 논의하고 더 발전할 것입니다.

좋은 웹페이지 즐겨찾기