본문 바로가기

Front-End/Javascript

Interface in Javascript

Interface


- 인터페이스란 사양에 맞는 값과 연결된 속성키의 셋트

- 어떤  Object 라도 인터페이스의 정의를 충족시킬 수 있다.

- 하나의 Object 는 여러개의 인터페이스를 충족시킬 수 있다.


{

test(str) { return true; }

}



Iterator interface


- next 라는 키를 갖고,

- 값으로 인자를 받지 않고 IteratorResultObject 를 반환하는 함수가 온다.

- IteratorResultObject 는 value 와 done 이라는 키를 갖고 있다.

- 이 중 done 은 계속 반복할 수 있을지 없을지에 따라 불린값을 반환한다.


{

next() {

return { value:1, done:false };

}

}


{

data: [1, 2, 3, 4],

next() {

return {

done: this.data.length == 0,

value: this.data.pop()

}

}

}



Iterable interface


- Symbol.iterator 라는 키를 값고,
- 값으로 인자를 받지 않고 Iterator Object 를 반환하는 함수가 온다.

{
[Symbol.iterator]() {

return {

next() {

return { value:1, done:false }

}

}

}

}


'Front-End > Javascript' 카테고리의 다른 글

화살표 함수 표현식 (arrow function expression)  (0) 2018.11.10
[Javascript] 자료형  (0) 2017.10.09