집 >웹 프론트엔드 >JS 튜토리얼 >당신을 전문가처럼 보이게 해줄 avaScript 원라이너

당신을 전문가처럼 보이게 해줄 avaScript 원라이너

avaScript One-Liners That Will Make You Look Like a Pro

오늘 우리는 몇 가지 멋진 JavaScript 트릭에 대해 이야기하겠습니다. 이는 단순한 무작위 코드 해킹이 아니라 프로그래밍을 심각하게 정리할 수 있는 실제 솔루션입니다.

1. 객체 속성 약어

모든 속성을 작성하던 옛날 JavaScript 시절을 기억하시나요?

const name = 'Sarah';
const age = 28;
const user = { name: name, age: age };

더 좋은 방법은 다음과 같습니다.

const user = { name, age };

말을 반복해야 하는 어색한 대사는 이제 사라졌습니다.

두 변수를 바꿔야 합니까? 다음을 사용하세요:

[a, b] = [b, a];

이것을 처음 보시면 두 번 생각하게 되실 겁니다. 배열 구조 분해는 변수 교환을 믿기 어려울 정도로 좋아 보이는 것으로 바꿉니다. 임시 변수도 없고 복잡한 논리도 없습니다. 순수하고 우아한 코드만 있으면 됩니다.

긴 기본값 확인 작업을 작성했던 것을 기억하시나요?

const userPreference = input !== null && input !== undefined ? input : 'default';

지금 멋진 아이들이 하는 방법은 다음과 같습니다.

const userPreference = input ?? 'default';

이 작은 ?? 교환원이 나를 너무 많은 골치 아픈 일로부터 구해 주었습니다. 값이 null이거나 정의되지 않은 경우에만 기본값으로 돌아갑니다. 0이거나 빈 문자열인 경우는 아닙니다.

귀하의 어레이를 고유하게 만들고 싶다면 다음을 수행하십시오.

const unique = [...new Set(array)];

이전에는 루프를 사용했는데 지금은 필요할 때마다 웃으며 그 Set을 퍼뜨립니다.

value === true 또는 Boolean(value)을 쓰는 대신.

확실히 더 좋은 방법은 다음과 같습니다.

const isTrue = !!value;

이중 느낌표는 무언가에 대해 정말 흥분한 것처럼 보일 수 있지만 실제로는 영리한 유형 강제를 수행하고 있습니다.

문자열을 숫자로 변환하고 싶다면? 잠시만 parInt()를 잊어버리세요. 대신 다음을 사용하세요:

const number = +'42';

그 외로운 더하기 기호는 여기서 모든 무거운 작업을 수행하며 문자열 숫자를 숫자로 정확하게 변환합니다.

다시는 이런 일을 하지 마세요:

const userCity = user && user.address && user.address.city;

훨씬 더 나은 방법:

const userCity = user?.address?.city;

이것은 JavaScript가 마침내 우리의 고통을 이해하고 이에 대해 뭔가를 하기로 결정한 것처럼 느껴집니다.

코딩 단축키는 단지 적은 수의 키 입력 이상의 의미를 갖습니다.

더 스마트하고 의도적인 소프트웨어를 작성하는 것입니다. 이러한 기술은 일반 개발자와 뛰어난 코더를 구분합니다. 현명하게, 아껴서, 목적에 맞게 사용하세요.

훌륭한 코드는 이야기를 전달합니다. 명확하고 강력하며 우아해야 합니다. 간결함을 추구하지 말고 이해를 추구하세요.

그게 다입니다. 이제 가장 좋아하는 JavaScript 트릭이 무엇인지 알려주세요.

이 글을 읽기 전에도 알고 계셨더라도 공유해 주세요.

위 내용은 당신을 전문가처럼 보이게 해줄 avaScript 원라이너의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

성명：