자바스크립트 $ 의미

 

자바스크립트 변수명에는 영문, 숫자, 한글 이외에도 달러 기호인 $를 사용할 수 있습니다.

과거에 자주 사용했던 jQuery나 오픈 소스 코드를 보면 자주 사용되는 것을 알 수 있습니다.

달러 기호는 어떤 의미를 가지고 있고, 어떻게 활용하는지 알아보겠습니다.

 

 

$ 변수

달러 기호인 $는 변수, 함수, 속성, 이벤트 등의 이름에 사용할 수 있습니다.

예를 들어 다음과 같은 변수명은 모두 정상 문법입니다.

 

const $name = "Peter";
const $1 = 100;
const $_ = "underscore";
const $a_b = "a and b";

 

 

$ 의미 및 사용 사례 3가지

 

$는 자바스크립트 자체에서는 특별한 의미를 가지지 않지만,

코딩룰에서 의미를 부여해서 사용됩니다.

 

사례 1: DOM 요소 표현

자바스크립트에서는 DOM 요소를 변수에 저장할 때는 보통 $로 시작하는 변수명을 사용합니다.

$를 통해서 DOM 요소임을 명시적으로 나타내기 위한 코딩룰입니다.

예를 들어, 다음과 같이 사용합니다.

 

const $content = document.querySelector("#content");

 

 

사례 2: 전역 객체 표현

자바스크립트에서는 전역 객체를 변수에 저장할 때는 보통 $로 시작하는 변수명을 사용합니다.

$를 통해서 전역 객체임을 명시적으로 나타내기 위한 코딩룰로 주로 오픈 소스 내부 코드에서 자주 사용됩니다.

예를 들어, 다음과 같이 사용합니다.

 

const $window = window;

 

 

사례 3: jQuery 객체 표현

jQuery는 DOM 요소를 쉽게 조작할 수 있게 만든 라이브러리입니다.

jQuery는 $ 함수를 제공해서 함수를 통해 DOM 요소를 선택할 수 있게 합니다.

예를 들어, 다음과 같이 사용합니다.

 

const $title = $("#title");

 

 

마치며

자바스크립트의 문법이 궁금한 분들은 아래 링크에서 확인할 수 있습니다!

 

자바스크립트 문법 한장에 정리 (tistory.com)

자바스크립트 문법 한장에 정리

 

---

 

The Next Web Research Lab