관련 포스트 JavaScript ECMAScript란? Arrow Function의 특징 function 표현에 비해 구문이 짧다. 자신의 this, arguments를 바인딩하지 않는다. 항상 익명 함수로만 사용된다. 생성자로서 사용할 수 없다. Arrow Function 사용하기 매개변수가 없을 때 const func = () => { ... } 매개변수가 1개일 때 const func1 = i => { ... } // 소괄호의 지정 불필요! const func2 = (i) => { ... } // 소괄호 지정해도 무관! 매개변수가 2개 이상일 때 const func = (x, y) => { ... } 함수 Body const func = i => { return i * i; } 한 줄의 구문만 있는..
관련 포스트 JavaScript ECMAScript란? 변수의 Block-scoped 선언 let let을 이용해 Block-scoped인 변수를 선언할 수 있다. 중괄호로 구분된 영역을 Block-scoped 영역이라고 한다. 이는 기존의 var 키워드의 문제점을 해결할 수 있다. function funcVar() { console.log(k); // undefined var k = 1; console.log(k); // 1 } funcVar(); function funcLet() { console.log(a); // ReferenceError: Cannot access 'a' before initialization (오류 발생) let a = 1; console.log(a); // 1 ..
ECMAScript란? ECMA International이라는 정보통신 비영리 표준화 기구에서 정의한 스크립트 언어에 대한 '사양'입니다. 스크립트 언어로서 준수해여 하는 규칙, 지침들을 규정합니다. ECMAScript vs JavaScript? JavaScript는 ECMAScript의 사양을 준수하는 스크립트 언어입니다. 즉, JavaScript는 ECMAScript의 사양을 따라 제작된 '언어'이며, 우리는 이 '언어'를 이용해 스크립트 코딩을 할 수 있는 것입니다. ECMAScript 6 === ES6란? ES6은 ECMAScript의 여섯 번째 릴리즈라고 생각하시면 됩니다. 기존의 콜백 지옥과 같은 불편했던 부분들을 상당 부분 개선하여 내놓은 표준으로,..
기존의 forEach() 배열 전체를 돌며 해당 배열의 요소에 어떠한 작업을 수행할 수 있는 메소드이다. 사용법 arr.forEach((element, index, arr) => { 작업 }); (return은 undefined) 예시 let arr = [1, 2, 3]; let arr2 = []; arr.forEach((element, index, arr) => { console.log('현재 값은 ' + element + '이며, 인덱스는 ' + index + '입니다.'); // A arr2.push(element * index); // B element *= 2; /* 현재 값은 1이며, 인덱스는 0입니다. 현재 값은 2이며, 인덱스는 1입니다. 현재 값..