JavaScript32 Javascript Prototype to json # Javascript Prototype to json ##### [source : https://jsfiddle.net/softm/yhLsf4o9/ ](https://jsfiddle.net/softm/yhLsf4o9/) ```javascript ``` 2019. 7. 12. node javascript async waterfall # async waterfall ##### [source : https://jsfiddle.net/softm/rauy42ce/ ](https://jsfiddle.net/softm/rauy42ce/) ```javascript ``` 2019. 7. 12. Javascript Template literals # Javascript Template literals #### Template literals ```javascript ` == back-tick == quote === grave accent == https://en.wikipedia.org/wiki/Grave_accent ``` ※ [https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Template_literals) #### Syntax ```javascript `string text` `string text line 1 string text .. 2019. 7. 12. Javascript arrow function expression # Javascript arrow function expression #### Reference - [arrow function developer.mozilla.org :](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Functions/%EC%95%A0%EB%A1%9C%EC%9A%B0_%ED%8E%91%EC%85%98) #### 화살표 함수 표현(arrow function expression) - function 표현에 비해 구문이 짧고 - 자신의 this, arguments, super 또는 new.target을 바인딩 하지 않습니다. - 화살표 함수는 항상 익명입니다. - 이 함수 표현은 메소드 함수가 아닌 곳에 가장 적당합니다. -.. 2019. 7. 12. bind click event loop index Click Me! Click Me! Click Me! Click Me! Click Me! Click Me! var g = document.getElementById('my_div'); for (var i = 0, len = g.children.length; i < len; i++) { (function(index){ g.children[i].onclick = function(){ alert(index) ; } })(i); } https://jsfiddle.net/softm/en067grx/ 2019. 7. 12. Javascript Async, Await 심화 # Javascript Async, Await 심화 ```javascript // wait ms milliseconds function wait(ms) { return new Promise(r => setTimeout(r, ms)); } async function hello() { await wait(1500); return 'world'; } hello() .then(function(r,j){ console.info(r,j); }) .catch(function(e){ console.info(e); }); // ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== // wait ms milliseconds function wait(ms) { return new.. 2019. 7. 12. 이전 1 2 3 4 5 6 다음
