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에 할당할 수 없다는 오류가 발생합니다.
그래서 여기서 별칭, 함수, 함수 서명에 대해 논의했습니다. 다음 부분에서는 인터페이스에 대해 논의하고 더 발전할 것입니다.
Reference
이 문제에 관하여(Typescript-2 소개), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/tanzimibthesam/intro-to-typescript-2-5j0텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)