목록JavaScript/ES6 (3)
PDH 개발 공부
화살표 함수 화살표 함수는 짧은 문자로 함수를 표현이 가능하다 기본 함수 기존(Basic) // 기존(Basic) let add = function(x,y){ return x + 6; }; console.log(add(10,20)); // 30 축약(ES6) // let add = (x, y) => x + y; console.log(add(10, 20)); // 30; console.log(add instanceof Function); // true // 즉 Arrow Functions 도 function 이다 여러 매개 변수가 있는 함수 (p1, p2, ..., pn) => expression; => expression // 다음 표현식 => { return expression; } // 다음 표현식과..
원문 : https://www.sitepoint.com/shorthand-javascript-techniques/ 1. 삼항조건 연산자 (The Ternary Operator) if , else 사용할때 한줄로 줄여주는 방법 기존 (Basic) const x = 20; let answer; if (x > 10) { answer = 'greater than 10'; } else { answer = 'less than 10'; } 축약 (ES6) const answer = x > 10 ? 'greater than 10' : 'less than 10'; // or const answer = x > 10 ? " greater than 10" : x // ..
var키워드를사용하여 전역 변수를 선언 할 때해당 변수를 전역 객체로 취급을 한다. 웹 브라우저에 표현 하는 전역객체는 window var a = 10; console.log(window.a); // 10let키워드를 사용하여 변수를 선언하면 해당 변수가 전역 개체로 취급 하지 않는다. let b = 20; console.log(window.b); // undefinedfor 루프 JavaScript let 및 콜백 함수 for (var i = 0; i < 5; i++) { setTimeout(function () { console.log(i); }, 1000); }같은 숫자 출력을 5번 한다 ES5 에서 IIFE 패턴 을 사용해서 해결은 할 수는 있다. 하지만 복잡하다 for (var i = 0; i ..