Joab Chua가 작성

1. 콘솔.로그

• 콘솔 로그에 색상 추가

이것만은 그만둬! ❌

대신 이것을 시도해 보세요. ✅

하지만 객체 배열이 있다면 이렇게 해보는 것이 더 나을 것입니다. ?

코드에서 특정 작업이 얼마나 빨리 실행되는지 측정하려면 다음을 시도해 보세요.

console.time 및 console.timeEnd를 수행하여 브라우저 콘솔에서 소요되는 시간을 측정합니다.
마지막으로, 코드와 실행 순서를 추적하려면 다음을 시도해 보세요.

애플리케이션을 디버깅하는 데 필요한 수많은 정보를 볼 수 있습니다.

2. 객체 구조해체

이전에 객체에 몇 가지 변수만 필요했는데 전체 객체가 전달되어 이러한 일반적인 방식으로 사용되는 경우가 있었나요?

함수에서 인간 개체 선언을 반복적으로 사용합니까? 이러지 마세요. 대신 ES6 객체 구조 분해를 사용하세요. ✅

함수 인수에 사용해야 하는 변수의 구조를 해제하세요. 또는 함수 자체 내부에서 구조를 해제할 수 있습니다.

3. 템플릿 리터럴

❌ 변수를 문자열로 조각내려고 할 때는 이 작업을 수행하지 마세요.

대신 이렇게 하세요. ✅

4. 스프레드 연산자

2개의 개체가 있고 이를 결합하거나 한 개체의 속성 중 일부를 다른 개체에 할당하려고 한다고 가정해 보겠습니다. 전통적으로 우리는 이렇게 할 것입니다.

실제로 개체를 변경한다는 점을 제외하면 기술적으로 아무런 문제가 없습니다. 대신 이것을 시도해 보세요. ✅

스프레드 연산자의 가장 좋은 점은 배열에서도 작동한다는 것입니다. ?
이것 대신.

대신 이렇게 하세요.

5. 루프

배열의 총 비용을 계산하기 위해 이런 식으로 for 루프를 수행하는 것이 죄입니까? 이러지 마세요. ❌

대신 스타일을 이것으로 바꿔보세요.

깨끗하고 마른 체형. 작업 완료! ✅

요약

이 몇 가지 팁이 더 좋고, 더 깨끗하고, 간결한 코드를 작성하는 데 도움이 되기를 바랍니다.

MarsCode 후원
Discord에 참여하여 여러분의 아이디어를 토론해 보세요.

화성 코드 따르다

MarsCode는 프로그래밍 작업을 지원하기 위해 AI 기반 IDE와 AI 확장 기능을 제공합니다.