개발일지

Object객체

es6로 코드를 작성하다가 Object객체에 유용한 기능이 다수 추가되었음을 발견했습니다.
분명 이들을 정리해 두어야 다른 프레임웍들도 보다 효과적으로 사용할 수 있을 것입니다.

Object.assign 메소드

우연히 발견했습니다만, 이미 다른 예제 소스에서는 심심찮게 등장하더군요.
javascript에서는 Object가 참조형인지라, es5시절만 하더라도 Object의 deep-copy를 하려면
jQuery나 underscore.js의 도움을 받아야만 했습니다.
Object.assign 메소드는 $.extend, _.extend를 완벽하게 대체합니다.

See the Pen $.extend, _.extend, Object.assign 비교 by cinos (@shoveller) on CodePen.

Object.assign 메소드의 또 다른 기능들

상속받은 프로퍼티와 열거할 수 없는 프로퍼티는 복사하지 않는다

jQuery와 underscore는 상속받은 프로퍼티도 출력하는군요.

See the Pen Object.assign 의 또 다른 기능(1) by cinos (@shoveller) on CodePen.

읽기전용 프로퍼티는 복사하지 않는다

jQuery와 underscore도 복사하지 않네요.

See the Pen Object.assign 의 또 다른 기능(2) by cinos (@shoveller) on CodePen.