3. 변수

?·2023년 2월 13일
post-thumbnail

변수(Variable)

선언-var을 사용해서 이름을 지어주는 것
할당-선언된 변수에 값을 저장하는 것

선언
var str;

할당
str = 'Hello, Code Runner!' ;

초기화
var str = 'Hello, Code Runner!';

재할당
str = 'Hello, Variable!';

변수명 제약 사항

  1. 특수문자 $ _ 이외에 특수문자를 사용할 수 없다.
  2. 숫자는 변수명의 맨 앞에 올 수 없다.
  3. 자바스크립트에서 어떤 특수한 목적으로 사용중인 단어는 변수명으로 사용이 불가능하다.
    => 키워드는 변수명으로 사용할 수 없다. ex) var, if, for 등

변수명 규칙 정리

🚨 제약 사항
자바스크립트에서 변수명을 지을 때, 문법적으로 몇 가지 제약 사항이 있습니다.

  1. 특수 문자($ _)를 제외한 다른 특수 문자는 사용할 수 없습니다.

특수 문자 달러($)나 언더바(_)를 제외하고 다른 특수 문자는 사용할 수 없습니다.

var naver@id;  -- (x)/ 특수기호는 $, _만 포함할 수 있습니다.
var _user;  -- (o)
var user@;  -- (o)
var $user;  -- (o)
  1. 숫자는 변수명의 맨 앞에 사용할 수 없습니다.
    숫자는 변수명의 맨 앞에 올 수 없습니다.
var 1_user; -- (x)
var 2_user; -- (x)
var 23232;  -- (x)
  1. 자바스크립트의 키워드는 변수명으로 사용할 수 없습니다.
    자바스크립트에서 어떤 특수한 목적으로 이미 사용중인 단어를 키워드(keyword)라고 합니다.
    따라서 이러한 특수한 자바스크립트 문법 내에서 이미 사용중인 키워드는 변수명으로 사용할 수 없습니다.

키워드 목록

if, else, for, while, case, catch, try, trhow, new, delete, function, do, finally, return, switch, this, typeof, continue, default, var, void, with

🙌 권장 사항
자바스크립트에서는 위의 3가지 제약 사항을 제외하고 변수명을 짓는데 별다른 제약 사항이 없습니다.
하지만 좋은 변수명을 짓기 위해서 권장되는 몇 가지 규칙은 있습니다.

  1. 한글은 사용할 수 없습니다.
    자바스크립트에서는 변수명을 지을 때 한글을 이용해서 지을 수 있습니다.
    하지만 아무리 국내에서만 사용하는 프로그래밍 코드라고 하더라도 한글로 변수명을 짓는 것은 권장하지 않습니다.
var 한글무시하냐; (x)
var 한글도인정해줘; (x)
  1. 대소문자를 구분합니다.

자바스크립트의 변수명은 대소문자를 구분합니다.
아래의 예제 코드에서 ‘user’와 ‘User’는 서로 다른 변수명입니다.

var user = "suya";  //첫 글자가 소문자
var User = "chulsu";// 첫 글자가 대문자
document.write(user); // suya 출력
document.write(User); // chulsu 출력
  1. 첫 글자는 대문자보다는 소문자로 사용합니다.

자바스크립트의 변수명은 첫 번째 문자는 대문자가 아닌 소문자를 사용해야 합니다. 대문자를 사용한다고 오류가 나는 것은 아니지만, 소문자로 작성하는 것을 권장하고 있습니다.

var user; // 권장
var User; // 권장하지 않음
  1. 상수 변수는 대문자로만 만듭니다.

아직 우리가 배우지 않았지만, 상수 변수는 재할당 할 수 없는 변수를 의미합니다.
이러한 상수 변수는 일반 변수와는 다르게 대문자로 작성하는 것을 권장합니다.

var ADMIN_CODE = '#0232';
var ADMIN_SYSTEM_NAME = 'SUCADEMY Member ManageMent";
  1. 한 가지 이상의 단어가 조합되면 낙타 표기법(camel)으로 표기합니다.

자바스크립트의 변수명을 한 가지 이상의 단어로 정해야 하는 경우가 종종 발생합니다.

예를 들어서 일반적으로 사용자의 이름을 저장하기 위한 변수의 이름을 user(사용자)+name(이름)의 단어를 합쳐서 만드는데,
username보다는 userName 처럼 연결되는 단어의 첫 글자를 대문자로 표현합니다.

var userName= 'suya';
console.log(userName); //출력 결과: suya;

명명 규칙

프로그래밍 언어에서는 어떠한 이름을 지어줄 때 사용할 수 있는 작성법을 하나의 ‘기법’처럼 정리해서 구분합니다.

그 중 대표적인 작성법은 카멜케이스, 파스칼케이스, 스네이크케이스 기법이 있는데, 자바스크립트에서는 카멜과 파스칼 케이스법을 사용합니다.

profile
살려줘

0개의 댓글