본문 바로가기

Dev/javascript

[javascript] Arrow function and lexical binding function을 콜백으로 쓸때 스코프가 달라져서 this를 다른데 옮기거나 bind 함수를 사용했었다. const that = this; app.assets.loadFromUrl('path/file', 'material', function (err, asset) { that.shadow.model.material = asset.resource; }); 이런식이나 app.assets.loadFromUrl('path/file', 'material', function (err, asset) { that.shadow.model.material = asset.resource; }.bind(this)); 이렇게 사용했는데 그냥 Arrow function 쓰면 렉시컬 스코프(선언되는 위치가 중요)여서 위 예시처럼 .. 더보기
[javascript] function 선언 방식별 차이점 오늘 회사에서 코딩하고 있는데 이 두개의 차이점을 물어보셨다. function sayHello() { console.log('Hello'); } var sayHello = function() { console.log('Hello'); } 처음에 로드할때 위에는 한번에 로드해서 서로를 참조할수 있고 밑에는 순차적으로 로드해서 아래있는것은 참조못하는 경우가 생길수 있다고 하셨다. 나중에 한번 찾아봐야겠다. 일단은 메모 https://joshua1988.github.io/web-development/javascript/function-expressions-vs-declarations/ 함수 표현식 vs 함수 선언식 (기본) 자바스크립트 함수 표현식과 함수 선언식에는 어떠한 차이점이 있는지 알아봅니다. josh.. 더보기
[javascript] mouse click와 mouse down 의 차이 mouse down - 버튼을 누르고 있으면 계속 이벤트 발생, 게임에서 기관총 쏠때 꾹 누르고 있으면 됨 mouse click - 버튼을 누르고 있어도 한번만 이벤트 발생. 게임에서 기관총 쏠때 꾹 누르고 있어도 한발 밖에 안나감 더보기