May 14, 2020 (Tue)

import csp from 'js-csp';

csp.go(function* () {
    const element = document.querySelector('#uiElement1');
    const channel = listen(element, 'mousemove');
    while (true) {
        const event = yield csp.take(channel);
        const x = event.layerX || event.clientX;
        const y = event.layerY || event.clientY;
        element.textContent = `${x}, ${y}`;
    }
});
listen() is implemented as follows.
function listen(element, type) {
    const channel = csp.chan();
    element.addEventListener(type,
        event => {
            csp.putAsync(channel, event);
        });
    return channel;
}

// Generator 함수를 정의하고
function *T() {
  // new T() 방식으로 호출될 것을 기대하고 설정
  this.name = Math.random();
}
// 프로토타입 체인에 메소드 정의한뒤
T.prototype.show = function() {
  return this.name;
};
const t = new T(); // TypeError. new 호출 불가. T는 생성자가 될 수 없음
const t = T();  // ok, generator object
// t는 Generator T의 인스턴스라면서
t instanceof T; // true
// 정작 this는 접근 안됨
t.show(); // but nothing

const value = yield take( iterable );