JS to edit later

es6.js

this.btn.on('click', ()=>{
  this.onBtnClicked();
});

// Repeat
setInterval(()=>{
  console.log('set setInterval!');
}, 250);

// Once
setTimeout(()=>{
  console.log('set TimeOut!');
}, 250);

// Clear
this.timer = setInterval(() => {
  this.stopTimer();
}, 1000);

stopTimer() {
  clearInterval(this.timer);
}

this.loader = new window.createjs.LoadQueue();

const manifest = [
  {src:'photo' + this.movieNumber + '.jpg', id:'image1'},
  {src:'photo' + this.interviewNumber + '.jpg', id:'image2'}
];
    
this.loader.loadManifest(manifest, false);

this.loader.addEventListener('fileload', (e)=>
  this.fileloadHandler(e)
);

this.loader.addEventListener('complete', ()=>
  this.completeHandler()
);

this.loader.load();

fileloadHandler(e) {
  switch (e.item.id) {
  case 'image1' :
    // this._image1 = e.result;
    break;
  case 'image2' :
    // this._image2 = e.result;
    break;
  }
}

completeHandler() {
  this.loader.removeEventListener('fileload', this.fileloadHandler);
  this.loader.removeEventListener('complete', this.completeHandler);
  this.$menu.addClass('show');
}

// jQuery.onLoad
$(() => {
  ReactDOM.render(
    < Main/>,
    document.getElementById('container')
  );
})

// like a Static variable
class MyClass {
    get foo() {
        return this.constructor.foo;
    }
}

MyClass.foo = 'bar';