공장 용 es6 구문

Question

누군가 다음 es6 코드가 공장 인 방법을 설명해주십시오.

const createChat = ({ 
    id = 0, 
    msg = '', 
    user = 'Anonymous', 
    timeStamp = 1472322852680 
} = {}) => ({ 
    id, msg, user, timeStamp 
}); 

Answer 1

당신이 보는 모든 값은 (0는 '', Anonymous, 1472322852680) 디폴트의 값입니다. 그들은 일반적으로 전달 된 객체에서 추출되지만, 존재하지 않으면 이들이 대신 사용될 것입니다. 이것은 default parameters입니다.

=> ({...})은 값을 반환하기위한 약식입니다 (return 문이 없음을주의하십시오). 그래서 여기서 값이 전달되지 않는 한 id, msg, user 및 timeStamp에 전달 된 객체가 반환됩니다. destructing을 사용하여이 작업을 수행하고 있습니다.

https://jsfiddle.net/y7mb6jsp/