반응형 programming language32 enum 살펴보기 enum이란? 특정 값들의 집합을 의미하는 자료형으로 어떠한 집합의 데이터 타입이다. enum Shoes{ Nike, Adidas, puma } const myShoes = Shoes.Nike console.log(myShoes) Shoes라는 집단을 만들었다. 해당 데이터를 가지고 변수를 만들었는데 콘솔로 찍으면 0 이 나오게 된다. 이넘을 썼을 때 별도의 값을 지정해주지 않으면 숫자형 enum으로 취급을 하게 된다. 그래서 Shoes.Nike는 첫번 째 값이 0으로 시작된다. // 초기화를 할당하지 않으면 기본값은 0부터 증가 enum Shoes{ Nike = 10, Adidas, puma } const myShoes = Shoes.Adidas console.log(myShoes) //11 Nike .. 2022. 12. 7. 연산자를 이용한 타입 정의_유니온, 인터섹션 union type function logMessage( value:any) { console.log(value) } logMessage('hello') logMessage(100) logMessage(false) any를 사용하면 어떤 타입이건 넣을 수 있다. 하지만 이렇게 사용하면 타입을 사용하는 의미를 잃게 된다. function logMessage( value:string | number) { console.log(value) } logMessage('hello') logMessage(100) || or연산자를 썼을 때의 파이프를 하나 추가해준다. 문자열과 숫자 모두 동일하게 받아서 사용할 수 있게 된다. 장점 타입 가드: 특정 타입으로 타입의 범위를 좁혀나가는 과정(필터링시켜줌) 타입 구분 후 .. 2022. 12. 6. call, apply, bind call, apply, bind 함수 호출 방식과 상관없이 this를 지정할 수 있다. call `func.call(thisArg[, arg1[, arg2[, ...]]])` 모든 함수에서 사용할 수 있고 this를 특정값으로 지정할 수 있다. - thisArg: 함수를 호출할 때 사용되어지는 this - arg1, arg2... : 함수가 호출되어야 하는 인수를 말한다. 쉽게 얘기하자면 this는 첫 번째 , 나머지 두 번째 부터는 해당 함수의 매개변수로서의 사용 [call을 사용해서 this 지정하기] //함수에서 this는 window를 가리킨다. const mike = { name: 'mike' } const Tom = { name: 'Tom' } function showTishName() { c.. 2022. 12. 6. 타입스크립트 interface 아래 예문에서 함수는 object[]를 타입이다. 매개변수도 타입을 정의해줬는데, 함수 내부에서 파라미터의 속성의 타입이 없다는 에러를 발견했을 때의 오류는 어떻게 해결해야 할까? parameter의 타입이 object일 때 let todoItems: object[]; function completeTodo(index:number, todo:object):void { todo.done = true; todoItems.splice(index, 1, todo); } todo.done의 부분 done이 빨간 밑줄이 생기는데 속성의 타입이 없다고 한다. 이럴때는 객체의 형태를 구체적으로 타입을 정의해줘야 한다. let todoItems: {{id:number, title: string, done: boolean.. 2022. 12. 4. 이전 1 2 3 4 5 6 7 8 다음 728x90 반응형
