몰랐던 5가지 JavaScript 기능

몰랐던 5가지 JavaScript 기능

반응형

초보 개발자나 경험 많은 개발자가 이러한 자바스크립트 기능은 표준이 아니므로 놓치거나 잊어버릴 수 있는 잘 알려지지 않은 자바스크립트 기능입니다.

하지만, 여러분의 정신력과 JS 능력을 향상시키기 위해 이것들을 아는 것은 항상 좋습니다.

Nullish 병합 연산자

널리시 병합 연산자(??)는 기본적으로 OR (|) 논리 연산자의 반대이다. 왼쪽이 null이거나 정의되지 않은 경우에만 오른쪽 피연산자를 반환합니다.

논리적 널리시 할당(??)을 사용할 수도 있습니다.=) 변수가 null이거나 정의되지 않은 경우에만 변수를 할당합니다. 예:

'with' 문

with 문을 사용하면 객체를 블록 문의 범위로 사용할 수 있습니다.

예를 들어 0.5의 ceil을 기록하려고 하면 다음을 수행할 수 있습니다.

로 다음을 수행할 수 있습니다.

참고: 몇 가지 주의사항과 엣지 케이스가 있기 때문에 와 함께 사용하는 것은 권장되지 않는다. 자세한 내용은 MDN에서 확인하실 수 있습니다.

함수 'function

매개변수가 정의되지 않은 경우에도 함수 내의 배열과 같은 객체에 항상 액세스할 수 있습니다.

함수는 속성을 가질 수 있습니다.

자바스크립트의 함수는 객체이므로 다음과 같은 속성을 가질 수 있다.

경고: 이는 단순히 예를 들어, 일반적으로 값을 매개 변수로 전달하기 위한 것입니다.

참고: 위의 "Nullish 병합 연산자"를 선택하여 "???"를 이해하십시오.="가 그렇습니다.

약자 집합/약자 지도

약점 설정/약점 맵은 다음과 같은 두 가지 주요 차이를 갖는 설정/지도 개체입니다.

개체만 포함할 수 있습니다.

WeakSet/WeakMap은 객체에 대한 참조만 보유합니다(따라서 "약함"). 즉, 참조된 개체가 가비지 수집 개체인 경우 항목이 삭제됩니다.

본질적으로, 약한 집합/약한 맵은 개발자가 속성을 직접 추가하지 않고도 객체 패밀리와 관련된 추가 정보를 추적할 수 있게 한다.

예를 들어, 페이지의 단추 클릭 수를 추적하려고 합니다. 그러나 이러한 버튼은 동적으로 추가 및 제거될 수 있습니다.

Map 또는 Set를 사용하면 노드를 변경할 때 동기화해야 합니다. 그러나 약한 맵/약한 집합을 사용하면 노드가 가비지 수집되면 약한 맵/약한 집합의 항목이 자동으로 제거됩니다(당신의 부분 = 더 강력한 코드에서는 동기화할 필요가 없음).

참고: WeakMaps에 대한 자세한 내용은 이 멋진 기사를 참조하십시오.

지금은 그게 전부입니다. 만약 여러분이 이 기사를 즐겼다면, 여러분의 친구들과 동료들과 사랑을 공유하세요! js에서 랜덤 색상 생성을 위한 심층 가이드와 같은 저의 다른 게시물도 보실 수 있습니다.

from http://it-square.tistory.com/24 by ccl(A) rewrite - 2021-12-29 03:00:54