[JavaScript] '$' 와 '_' 변수명

이번 포스팅에서는 자바스크립트에서 변수명으로 쓰이는 '$'와 '_'에 대하여 공부를 해보고자 한다.

 

변수 명명 규칙
자바스크립트에선 변수 명명 시 두 가지 제약 사항이 있다.

1. 변수명에는 오직 문자와 숫자, 그리고 기호 $와 _만 들어갈 수 있다.
2. 첫 글자는 숫자가 될 수 없다.

---

기호 '$'

'$'는 보통 jQuery 라이브러리에서 사용되며, 전역 함수 $( )는 DOM 요소를 선택하는 데 사용된다.
이 외에도 jQuery에서는 $를 변수명의 맨 앞에 사용하여 변수를 구분하고, 객체명으로 $를 사용하여 jQuery 객체임을 나타낸다.

 

예제 코드

// jQuery로 body 요소를 선택하여 변수에 저장
let $body = $('body');

// $를 변수명 앞에 사용하여 jQuery 객체를 표시할 수도 있음
let $listItems = $('li');

 

---

밑줄 '_'

'_'는 변수명으로 사용되는 경우가 많다.

보통 변수명에서 띄어쓰기 대신 '_'를 사용하여 단어를 구분하는 경우가 있다.
또한, 다른 프로그래밍 언어에서는 '_'를 private 변수를 나타내는 데 사용하는 경우가 있다.

 

예제 코드

// 변수명에 _를 사용하여 단어를 구분
let my_variable = 'Hello, world!';

// private 변수로 _를 사용하는 예시
class Person {
  constructor(name, age) {
    this._name = name;
    this._age = age;
  }
  get name() {
    return this._name;
  }
  set name(name) {
    this._name = name;
  }
  get age() {
    return this._age;
  }
  set age(age) {
    this._age = age;
  }
}

let person1 = new Person('Alice', 30);
console.log(person1.name); // Alice
console.log(person1._name); // undefined

 

---

차이점

• '$'는 jQuery 라이브러리에서 사용되며, DOM 요소 선택 등 다양한 기능을 제공한다.
• '_'는 단순히 변수명에서 단어 구분에 사용되거나 private 변수를 나타내는 데 사용된다.
• 또한, '$'는 변수명 앞에 사용하여 jQuery 객체임을 나타내는 데 사용된다.

 

---