프런트엔드/프로그래밍 언어

자바스크립트 언더스코어 의미

조드래곤나인 2024. 1. 19. 18:02

 

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

언더스코어는 달러 기호와 마찬가지로 특별한 의미를 부여할 때 사용합니다.

언더스코어는 어떤 의미를 가지고 있고, 어떻게 활용하는지 알아보겠습니다.

 

 

_ 변수

언더스코어 기호인 _는 변수, 함수, 속성, 이벤트 등의 이름에 사용할 수 있습니다.

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

 

const _name = "Peter";
const _1 = 100;
const _$ = "dollar";
const _a_b = "a and b";

 

 

_ 의미 및 사용 사례 3가지

 

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

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

 

 

사례 1: 미사용 변수를 나타낼 때

언더스코어는 함수에서 미사용 매개변수나 구조 분해 할당에서 미사용 변수를 나타낼 때 사용합니다.

해당 변수가 사용되지 않음을 나타내기 위한 코딩룰입니다.

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

function printSecond(_, second) {
  console.log(second); // 첫 번째 매개변수는 사용되지 않음
}

const person = { name: "Peter", age: 30 };
const { name, _ } = person; // age 속성은 사용되지 않음

 

 

사례 2: 비공개 혹은 내부적인 변수를 나타낼 때

자바스크립트에서는 비공개 혹은 내부적인 변수를 명시적으로 표현하기 위해 언더스코어를 사용합니다.

해당 변수가 외부에서 사용되지 않음을 나타내기 위한 코딩룰입니다.

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

class Person {
  constructor(name, age) {
    this._name = name; // 비공개 혹은 내부적인 변수
    this._age = age; // 비공개 혹은 내부적인 변수
  }

  getName() {
    return this._name; // 비공개 혹은 내부적인 변수에 접근하는 메서드
  }

  getAge() {
    return this._age; // 비공개 혹은 내부적인 변수에 접근하는 메서드
  }
}

 

 

사례 3: 오픈소스에서 제공하는 함수나 변수의 이름

Underscore.js 라이브러리는 언더스코어를 함수의 이름으로 사용합니다.

이 함수를 통해 배열, 컬렉션, 유틸함수를 다룰 수 있습니다.

React 프레임워크에서는 언더스코어로 시작하는 변수나 함수를 내부적으로 사용하고 있습니다.

 

 

마치며

언더스코어와 비슷한 문법을 가진 달러 기호 $에 대해서는 아래 링크에서 확인할 수 있습니다.

자바스크립트 $ 의미 (tistory.com)

 

자바스크립트 $ 의미

자바스크립트 변수명에는 영문, 숫자, 한글 이외에도 달러 기호인 $를 사용할 수 있습니다. 과거에 자주 사용했던 jQuery나 오픈 소스 코드를 보면 자주 사용되는 것을 알 수 있습니다. 달러 기호

the-next-web-research-lab.tistory.com

 


 

 

The Next Web Research Lab

Take a handful of knowledge from the simple FE tech blog!

the-next-web-research-lab.github.io

 

728x90