this

👶 TypeScript

this를 반환 타입으로 사용하기

this를 반환 타입으로 사용하기 this를 값뿐 아니라 타입으로도 사용할 수 있습니다. 클래스를 정의할 때라면 메서드의 반환 타입을 지정할 때 this 타입을 유용하게 활용할 수 있습니다. 예를 들어 ES6의 Set 자료구조를 두 가지 연산만 지원하도록 간단히 구현해 보겠습니다. 이 자료구조는 아래처럼 사용할 수 있습니다. // tslint:disable-next-line: new-parens let set = new Set set.add(1).add(2).add(3) set.has(3) // true set.has(4) // false Set 클래스의 has 메서드부터 정의합니다. class Set{ has(value: number): boolean { // ... } } add를 호출하면 Set 인..

👶 TypeScript

this의 타입

this의 타입 this의 값은 함수를 어떻게 호출했는지에 따라 달라지는데 이는 JAvaScript 코드를 이해하기 어렵게 만드는 고질적인 문제 중 하나입니다. (따라서 많은 개발팀에선 클래스 메서드를 제외한 다른 모든 곳에서 this 사용을 금한다고 합니다.) this가 자주 문제를 일으키는 원인은 할당 방법에 있습니다. 메서드를 호출할 때 this는 점 왼쪽의 값을 갖는다는 것이 일반적인 원칙입니다. let x = { a() { return this } } x.a() // a()의 바디 안에서 this는 객체 x 하지만 호출이 일어나기 전 어느 시점에서 a를 다시 할당하면 결과가 달라집니다. let a = x.a a() // 이제 a의 바디 안에서 this는 정의되지 않은 상태 아래처럼 날짜의 타입을..

개발자 린다씨
'this' 태그의 글 목록