콘솔 로깅 화살표 기능에 대한 빠른 팁

( skip to TL;DR )

뭔지 맞춰봐? 내 첫 트윗 "폭발"! 글쎄요, 실제로는 아니지만 제 정상적인 응답률 2(고맙습니다 및 )와 비교하면 미친 수준이었습니다.

저는 불과 몇 달 전에 제가 트위터에서 배운 빠른 팁을 공유했습니다. console.log 명령문에서 변수를 중괄호로 감싸 객체로 변환하고 자동으로 변수 이름을 객체 키로 접두사로 지정하는 방법에 관한 것이었습니다.

const foo = 'bar', bar = 42;
console.log({ foo, bar }); // Object { foo: "bar", bar: 42 }


이는 콘솔 출력의 값을 쉽게 추적하는 데 도움이 됩니다. 기본적으로 'foo: ', foo 와 같은 항목을 추가할 필요가 없습니다.

콘솔 로그인 한 줄 화살표 기능



한 줄 화살표 함수의 문제점은 console.log 1 으로 디버그하려는 경우 중괄호와 return 문을 추가해야 하기 때문에 상당히 성가신 일입니다.
다음 기능을 살펴보겠습니다.

const foo = (bar) => bar.do();

bar에 무엇이 있는지 보려면 일반적으로 다음과 같이 해야 합니다.

const foo = (bar) => {
 console.log('bar: ', bar);
 return bar.do();
}


이제 이것을 확인하세요 🧙:

const foo = (bar) => console.log({bar}) || bar.do();


우리는 console.log가 항상 undefined(거짓)를 반환하므로 or 연산자의 두 번째 비트가 실행되는 것을 활용합니다.
더 이상 성가신 줄 바꿈과 물건이 없습니다! 함수 본문 앞에 console.log() ||를 추가하기만 하면 됩니다.

TL; DR




const foo = (bar) => console.log({bar}) || bar.do();





예, 알아요. console.log hurr durr로 디버그하면 안 됩니다. 우리는 여전히 그것을 항상 합니다.

좋은 웹페이지 즐겨찾기