JavaScript 비밀: 코딩 마법사가 되어보세요!-CSS 튜토리얼-php.cn

JavaScript 비밀: 코딩 마법사가 되어보세요!

Susan Sarandon

풀어 주다： 2024-11-24 05:18:09

원래의

300명이 탐색했습니다.

JavaScript SECRETS: Become a coding wizard!

JavaScript에는 사용하면 마법사가 된 듯한 느낌을 받을 수 있는 작은 비밀이 가득합니다.

그 중 일부를 살펴보겠습니다.

1. "Void" 연산자의 마법: 함수에만 국한되지 않는 이유!

아마도 void(0) 또는 javascript:void(0)와 같은 컨텍스트에서 void가 사용되는 것을 본 적이 있을 것입니다. 하지만 이것이 생각보다 훨씬 더 많은 일을 할 수 있다는 것을 알고 계셨습니까? ?

JavaScript의 void 연산자는 표현식을 평가하지만 항상 정의되지 않은 값을 반환합니다. 원치 않는 페이지 새로 고침을 중지하는 데 자주 사용되지만(특히 링크의 href 속성 사용) 여기에 멋진 요령이 있습니다. 이를 사용하여 함수의 반환 값을 중지할 수 있습니다.

예: 함수 반환 중지:

function surprise() {
  console.log("This function does not return anything.");
  return 42;
}

const result = void surprise();
console.log(result); // undefined

로그인 후 복사

void를 사용하면 놀라움()의 반환 값이 결과에 할당되는 것을 방지할 수 있습니다. 반환값을 걱정하지 않고 부작용에 대해 뭔가를 하고 싶을 때 유용합니다.

2. 더블뱅(!!): 무엇이든 부울로 변환

물론 Boolean()은 값을 true 또는 false로 변환하지만 이중뱅(!!)은 많은 개발자가 모르는 단축키입니다. 첫 번째! 값을 부정하고 두 번째 ! 다시 부정합니다. 효과적으로 부울로 변환합니다. 그것은 확실히 비밀 무기입니다! ?

재미있는 예는 다음과 같습니다.

const name = "Alice";
const hasName = !!name;
console.log(hasName); // true

로그인 후 복사

이 트릭을 사용하면 변수가 "truthy"인지 "falsy"인지 빠르게 확인할 수 있습니다(예: 문자열이 비어 있지 않은지, 아니면 숫자가 0이 아닌지? ).

3. JavaScript의 eval() 함수: 주의해서 사용하세요!

아마도 eval()에 대해 들어본 적이 있을 것입니다. 런타임에 코드 문자열을 평가하기 때문에 대부분의 사람들은 이를 역병처럼 피합니다. 이는 부적절하게 사용될 경우 ⚠️ 보안 문제로 이어질 수 있습니다. 그러나 통제되고 안전한 방식으로 사용된다면 동적 실행을 위한 강력한 도구가 될 수 있습니다.

여기 이상하지만 멋진 예가 있습니다. 문자열 내부의 코드를 동적으로 평가하는 것입니다!

const x = 10;
const y = 20;
const result = eval('x + y');
console.log(result); // 30

로그인 후 복사

신중하게 사용하세요 ⚖️ — eval()은 특히 사용자 입력을 처리할 때 주의해서 처리해야 합니다.

4. 기호 유형의 숨겨진 힘: 고유 키 생성

기호는 JavaScript에서 가장 덜 사용되지만 가장 흥미로운 기능 중 하나입니다. 고유하고 불변하며, 개체 속성에 대한 "숨겨진" 키를 생성하는 데 자주 사용됩니다. 속성 이름이 실수로 다른 속성 이름과 충돌하지 않도록 해야 할 때 기호는 비밀 무기입니다. ?

심볼은 Symbol()을 사용하여 생성할 수 있으며 고유성이 보장됩니다.

const uniqueKey = Symbol("myUniqueKey");
const obj = {
  [uniqueKey]: "This is a secret value"
};

console.log(obj[uniqueKey]); // "This is a secret value"

로그인 후 복사