TypeScript는 ' 상호 작용 ' 또는 ' 유형 '. 인터페이스는 클래스나 객체에 의해 구현될 수 있는 반면, 유형 별칭은 기존 유형의 새 이름을 만들거나 유형의 합집합을 정의하는 데에만 사용할 수 있습니다. 형식과 인터페이스는 종종 상호 교환이 가능하지만 특정 시나리오에 더 적합하도록 하는 기능 및 구문에는 특정 차이점이 있습니다.
이 블로그에서는 TypeScript 인터페이스와 유형 및 차이점에 대해 설명합니다.
TypeScript 인터페이스 대 유형이란 무엇입니까?
“ 상호 작용 ' 그리고 ' 유형 ”는 TypeScript에서 사용자 정의 유형을 정의하는 데 사용됩니다. 그러나 기능과 구문에는 몇 가지 차이점이 있습니다. 인터페이스와 유형의 주요 차이점은 인터페이스는 새로운 유형을 정의하지만 유형 별칭은 정의하지 않는다는 것입니다.
인터페이스는 클래스나 객체로 구현될 수 있는 반면 유형은 합집합 및 교차와 같은 기능을 사용하여 더 복잡한 유형을 정의할 수 있습니다. 일반적으로 인터페이스는 객체 모양 및 API를 정의하는 데 더 일반적으로 사용되는 반면 유형은 복잡한 데이터 유형 및 유틸리티 유형을 정의하는 데 더 일반적으로 사용됩니다. 이 두 가지를 별도로 이해합시다.
TypeScript 인터페이스란 무엇입니까?
TypeScript 인터페이스는 TypeScript 객체의 모양을 정의하는 기술입니다. '라는 키워드로 생성됩니다. 상호 작용 ” 그리고 객체가 해당 유형으로 분류되기 위해 필요한 일련의 속성 및 메소드를 지정합니다. 객체 지향 프로그래밍의 클래스와 동일합니다. 그러나 어떤 구현도 정의하지 않습니다. 인터페이스는 주로 유형 검사 및 개체가 특정 구조를 준수하는지 확인하는 데 사용됩니다.
계속 진행하기 전에 TypeScript 파일을 실행하려면 JavaScript 파일로 트랜스파일한 다음 지정된 명령을 사용하여 터미널에서 JavaScript 코드를 실행해야 합니다.
tsc 파일명.ts노드 파일명.js
예
세 가지 속성과 ' 정보를 얻다() ”:
인터페이스 사용자 {이름: 문자열;
성: 문자열;
나이: 숫자;
정보를 얻다 ( ) : 무효의;
}
클래스 만들기 ' 학생 ” 인터페이스와 함께 상속됩니다. 클래스는 속성, 속성에 값을 할당하는 생성자 및 속성에 상대적인 값을 표시하는 'getInfo()' 메서드를 정의합니다.
이름: 문자열;
성: 문자열;
나이: 숫자;
건설자 ( 이름: 문자열, 성: 문자열, 나이: 숫자 ) {
this.firstName = 첫이름;
this.lastName = 성;
this.나이 = 나이;
}
정보를 얻다 ( ) : 무효의 {
console.log ( '학생 정보:' )
console.log ( '- 이름: ' + this.firstName + ' ' + this.lastName ) ;
console.log ( '- 나이: ' + this.age ) ;
}
}
'라는 객체를 생성합니다. 학생 ' 명명 된 ' 성병 ' 의 ' 사용자 ' new' 키워드로 생성자를 호출하여 입력한 다음 getInfo() 메서드를 호출하여 콘솔에 데이터를 인쇄합니다.
std.getInfo ( ) ;
산출
TypeScript 유형이란 무엇입니까?
TypeScript 유형은 주로 기존 유형의 별칭을 만들고 더 복잡한 유형을 만드는 데 사용됩니다. 데이터의 특정 모양이나 구조를 나타냅니다. '로 정의/선언할 수 있습니다. 유형 ” 키워드. TypeScript의 유형을 사용하여 코드를 더 이해하기 쉽게 만들고 반복/중복을 줄일 수 있습니다.
예
먼저 ' 사용자 ”를 사용하여 유형 ” 5개의 속성으로 지정된 키워드 중 하나는 선택적 속성이며 “ 핸드폰 ”:
유형 사용자 = {이름: 문자열;
성: 문자열;
나이: 숫자;
이메일: 문자열;
전화?: 문자열;
} ;
'라는 함수를 정의합니다. getFullName ', ' 유형의 매개 변수를 사용합니다. 사용자 '를 포함하여 개인 정보로 구성된 데이터를 인쇄합니다. 이름 ”, “ 나이 ”, “ 이메일 ' 그리고 ' 전화 번호 ”:
console.log ( '사용자 정보:' )
console.log ( '- 이름: ' + 사람.이름 + ' ' + 사람.성 ) ;
console.log ( '- 나이: ' + 사람.나이 ) ;
console.log ( '- 이메일: ' + 사람.이메일 ) ;
console.log ( '-핸드폰 #: ' + 사람.전화 ) ;
}
이제 ' 사람 ' 유형의 ' 사용자 ” 키-값 쌍 포함:
이름: '밀리' ,
성: '마이클' ,
나이: 28 ,
이메일: 'mili124@yahoo.com' ,
핸드폰: '086-34581734'
} ;
마지막으로 getInfo() 함수를 호출하여 사용자 정보를 인쇄합니다.
산출
이것이 TypeScript 인터페이스와 유형에 관한 전부였습니다.
결론
TypeScript에서 ' 상호 작용 ' 그리고 ' 유형 ”는 사용자 정의 유형을 정의하는 데 사용됩니다. 인터페이스는 클래스나 객체로 구현될 수 있는 반면 유형은 합집합 및 교차와 같은 기능을 사용하여 더 복잡한 유형을 정의할 수 있습니다. 이들은 보다 체계적이고 확장 가능한 코드를 작성하는 데 도움이 되는 강력한 기능입니다. 이 블로그에서는 TypeScript 인터페이스와 유형 및 그 차이점에 대해 설명했습니다.