web/javascript57 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. Javascript Async return Promise For await # Javascript Async return Promise For await ## # async function #### Reference - [https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/async_function](https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/async_function) #### async function - async function 선언은 AsyncFunction객체를 반환하는 하나의 비동기 함수를 정의한다. - 또한 async function expression을 사용해서 async function을 선언.. 2019. 7. 12. ECMA6 ECMA6 ※ 참고 : https://www.sitepoint.com/javascript-versioning-es6-es2015 # ECMAScript 2015 Releases - Classes - Promises - Arrow functions - ES Modules - Generators and Iterators # ES2016 - Array.prototype.includes // pre-ES2016: const hasBob = names.indexOf('bob') > -1; // ES2016: const hasBob = names.includes('bob'); - Exponent Operator // pre-ES2016 Math.pow(5, 3); // => 125 // ES2016 5 ** 3; .. 2019. 1. 30. Javascript Async, Await 심화 Javascript Async, Await 심화 ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== ==== // 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 millise.. 2019. 1. 30. Javascript arrow function expression Javascript arrow function expression ■ 애로우_펑션 : 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을 바인딩 하지 않습니다. 화살표 함수는 항상 익명입니다. 이 함수 표현은 메소드 함수가 아닌 곳에 가장 적당합니다. 그래서 생성자로서 사용할 수 없습니다. ■ 기본문법 (param1, param2, …, paramN) => { .. 2019. 1. 30. ES2015(ES6) Module System ES2015(ES6) Module System # ES2015(ES6) Module System ( Javascript Module ) ※ 원문 : https://infoscis.github.io/2018/02/27/ecmascript-6-encapsulating-code-with-modules/ https://jakearchibald.com/2017/es-modules-in-browsers/ https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Statements/import https://github.com/nhnent/fe.javascript/wiki/%23164:-웹에서-자바스크립트-모듈-사용하기 https://developers.goog.. 2019. 1. 30. 이전 1 ··· 5 6 7 8 9 10 다음
