프론트엔드 첫걸음

객체 리터럴의 추가 속성 검사 본문

개발 공부/Typescript

객체 리터럴의 추가 속성 검사

차정 2024. 2. 23. 15:17
interface A {
    a: string
}


// 객체리터럴은 추가속성검사라는 것이 있다.
// 이렇게 추가 속성이 들어가면 추가속성검사를 함
const obj1: A = {
    a: 'hello', //원래 타입에 있는 속성
    b: 'wolrd' // 원래 타입에 없는 속성 => 에러
};
 
 // 이 객체를 따로 빼주고 타입을 정해주면 에러가 나지 않음
const objHelloWorld = {
    a: 'hello',
    b: 'world'
}

const obj2 : A = objHelloWorld;

 

 

https://www.typescriptlang.org/play?ssl=21&ssc=1&pln=1&pc=1#code/JYOwLgpgTgZghgYwgAgILIN4Chm+XALmQGcwpQBzLAXyzoHp7lBcGsBaZwGs7AGRcBf2wAXHlAKbOAAGsCxg4EZBwAE1gGoHAPu2AUpuSBgmsAu48kAR44BOmgHRZGyZYHAOwDE1gocnGrAJy2AW0aGAXLtPjpgH07kgC1WsCAPYhSyLwBGAFYAjEToALyYOHiEyADkABYQADYpXvEANMiMgAtjgBntyIADC4Ch44ALo+oK4jG4AUTxAO5eKVAAJvE5TAXF5ciAY6NVYsgRAHzIZYA37TQA3Dg4eqpsroAMrYA6HciAPn2APxOABzU9gCLjyICoE4Auq1sOk2aAGQ2AA5PIgFKjgDLjnj5+gUEAEqnpAOpeUClWsNonh8PVkmkMpkasg6gkmgD2jQ6N5fGB-MEAEzIcLA95fSF-RGzLBAA

'개발 공부 > Typescript' 카테고리의 다른 글

웹스톰 타입스크립트 파일 실행하기  (0) 2024.04.27
type void  (0) 2024.02.23
object를 enum처럼 사용하기  (0) 2024.02.23