analogcoding

인자의 기본 값을 주는 예시 예시로 주어진 함수의 경우 인자가 하나만 주어지면 NaN 이 리턴된다. 인자가 없으면 1 이라는 조건을 주거나 이런식으로 주는 방법이 있다.

Destructuring은 구조화된 배열 또는 객체를 비구조화하여 개별적인 변수에 할당하는 것이다. 배열 또는 객체 리터럴에서 필요한 값만을 추출하여 변수에 할당하거나 반환할 때 유용하다. 배열의 각 요소를 배열로부터 추출하여 변수 리스트에 할당한다. 이때 추출/할당 기준은 배열의 인덱스. 활용예시

일반적인 함수의 경우 this 가 참조하는 값을 binding 해줘야한다. arrow function 을 사용하지 않을 때 this === window 가 true 이다. this.pruntData() 는 이미 myObj 를 바라보고 있어서 window가 아니기 때문에 bind로 this를 묶어줘야 한다. 그렇지만 arrow function을 사용할 경우 binding을 따로 해주지 않아도 바로 연결된다. 그렇지만 this 가 window 를 바라보는 것은 아니다. bind 를 생략한 상태에서도 context 를 유지하기 때문에 'where is this' 가 출력된다.

let arr = [1,2,3,4].map(function(v){ return v * 2; }); ES5 let arr2 = [1,2,3,4].map( (v)=>{ return v * 2; }) ES6 let arr2 = [1,2,3,4].map( (v) =>( v * 2)) 축약​ 기존 function 보다 짧게 , 가독성 있게 사용할 수 있다. ES6 이전 setTimeOut(function(){ console.log('hello') },1000) ES6 arrow function setTimeOut( ()=>{ console.log('arrow'); },1000)