콘솔 로깅 화살표 기능에 대한 빠른 팁
뭔지 맞춰봐? 내 첫 트윗 "폭발"! 글쎄요, 실제로는 아니지만 제 정상적인 응답률 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로 디버그하면 안 됩니다. 우리는 여전히 그것을 항상 합니다. ↩Reference
이 문제에 관하여(콘솔 로깅 화살표 기능에 대한 빠른 팁), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://dev.to/odddev/quick-tip-to-console-logging-arrow-functions-471m텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)