ESLint 객체 생성 시 The object literal notation {} is preferrable

The object literal notation {} is preferrable

객체 리터럴 표기법 {}을 사용하는 것이 좋습니다.

 

개요

const user2 = New Object();

리액트에서 위 코드로 객체를 생성할 때 만났다.

객체를 생성할 때 리터럴 표기법을 권장해준다.

 

그 이유는 무엇일까?

오브젝트는 전역 객체 속성이기 때문에 덮어 쓰일 위험이 있기 때문이다.

 

아래 코드로 예를 들어보자

//자바스크립트
Object = 50;
const x = new Object(); // Object is not a constructor

//리액트
Object = 50;
const x = new Object(); // Read-only global 'Object' should not be modified

오브젝트를 생성하기 전에 값을 할당해버리면 이러한 오류가 생겨난다.

리액트에서는 읽기 전용 객체를 수정하면 안 된다며 코드를 무시해버려 작동에는 문제없다.

 

이러한 상황을 대비하여 객체 리터럴을 통해  생성하는 것을 권장한다!

const user2 = {}; // Lint 해결!