자바스크립트에서 타입스크립트로 전환하는 초보자 가이드입니다.
좋아요, 잠깐만요 제가 새로운 프로그래밍 언어를 배우기 시작해야 한다는 말씀인가요?
나는 타이프 스크립트 파일을 살짝 훔쳐보았다. 맙소사 이건 어려울 거야.
그래 그래 그래 그 기분 알아. 그래서 여기 자바스크립트에서 타이프스크립트로의 전환에 대한 몇 가지 기본 개념을 이해할 수 있는 방법에 대한 빠른 가이드가 있습니다.
이제 나는 당신에게 정의와 설정 튜토리얼을 제공하거나 일종의 강의 대신 TypeScript를 사용해야 하는 이유를 제공하려는 것이 아닙니다. 간단한 Google 검색으로 찾을 수 있습니다. 하지만 저를 믿으세요. 많은 개발자들이 처음에는 typescript의 아이디어를 좋아하지 않았지만 마침내 우리가 그랬을 때 우리는 평범하고 오래된 자바스크립트로 돌아가고 싶지 않았고 당신도 하나가 될지도 모른다고 추측하고 싶지 않았습니다.
잠수하다
TypeScript의 전체 아이디어는 프로그래밍에서 수행하는 각 단계에 대해 의도적입니다.
변수 선언
일반 자바 스크립트에서 우리는 다음과 같이 할 것입니다.
let first variable = 0
우리 모두는 이것이 숫자 변수라는 것을 알고 있습니다. 예, TypeScript도 그렇습니다(여기에서 자세히 설명하고 싶지는 않습니다).
let firstVariable: number = 0
let firstString: string = 'My first string'
let firstBool:boolean = true
여기서 숫자, 문자열, 부울은 유형입니다. 그래, 왜 우리가 이 모든 추가 작업을 수행하는 거지?
음, IDE에서 이것을 시도하기 시작하는 순간 Number null 유형의 변수를 남길 수 없다는 경고를 발견하게 될 것입니다.
일이 복잡해지기 시작할 때 이 물건이 유용할 것이라고 믿으세요. 이 게시물의 범위를 벗어나므로 여기에서 TypeScript의 이점에 대해 이야기하고 싶지 않습니다.
이제 배열 및 객체와 같은 변수에 대해 물어볼 수 있습니다.
let firstArrayOfNumbers: Array<number>
let secondArrayOfStrings: Array<string>
let thirdArrayOfBool:Array<boolean>
이제 이 시점에서 여기 몇 가지 흥미로운 질문이 있을 것이라고 확신하며 훌륭합니다. 그런 다음 당신이 올바른 길을 가고 있는 당신의 연구를 시작하자
객체는 어떻습니까?
interface MyObject {
name: string
age: number
address: string
married: boolean
}
let myFirstObject: MyObject = {
name: "Titus",
age: 30,
address: "Linux street",
married: false
}
여기서 개체의 각 필드를 설명합니다. 각 필드의 유형은 무엇입니까? 이것은 다른 곳에서 변수를 사용하고자 할 때 유용합니다.
간단히 MyObject라는 개체 정의에 대한 고유한 유형을 만들었습니다.
마지막으로 함수를 작성하는 방법
내가 말했듯이 타이프 스크립트의 전체 아이디어는 의도적입니다. 이제 우리가 함수를 작성하고 싶을 때 우리는 이 함수가 무엇을 취하는지 묻습니다. , 함수의 응답은 무엇입니까? 매개 변수는 문자열이고 반환 값은 숫자입니까?
내가 아무것도 반환하지 않으면 어떻게합니까?
function myFirstAddFunction (a:number,b:number) : number {
return a + b
}
function myFirstVoidFunction (a: number): void{
console.log(a)
}
나는 이것이 최고의 튜토리얼이 아니라고 생각하지만 이 게시물의 목적은 당신의 호기심을 깨우는 것입니다. 이제 질문이 생겼고 겁먹지 않고 온라인에서 다양한 튜토리얼을 살펴보고 타이프스크립트가 제공하는 이점을 사랑하게 될 것이라고 믿으세요.
읽어 주셔서 감사합니다
당신은 나와 연결할 수 있습니다
Reference
이 문제에 관하여(자바스크립트에서 타입스크립트로 전환하는 초보자 가이드입니다.), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/princewhyte2/a-beginner-guide-switching-from-javasctipt-to-typescript-2471텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)