본문 바로가기

WEB/javascript

[JavaScript] 자바스크립트 변수와 상수

자바스크립트 공부를 하는 곳은 아래 링크이며 여기에 요약하며 공부해보려고 한다

https://ko.javascript.info/variables

 

변수와 상수

 

ko.javascript.info

 

1. 변수

자바스크립트에서는 let을 이용하여 변수를 생성한다

// 1.
let message = 'hello', age = 25, user = 'John';

// 2.
let message = 'hello';
let age = 25;
let user = 'John';

첫 번째, 두 번째 방법 모두 변수 선언이 가능하지만

한 줄에 한 개의 변수를 작성하여 읽기 편한 두 번째 방법을 더 추천한다

 

[변수 명명 규칙]

① 변수명에는 오직 문자와 숫자, $와 _만 들어갈 수 있음

② 첫 글자는 숫자가 될 수 없음

③ 여러 단어를 조합하여 변수명을 만들 땐 카멜 표기법을 사용

     * 카멜 표기법이란?
       단어를 차례대로 나열하면서 첫 단어를 제외한 각 단어의 첫 글자를 대문자로 작성

       ex) myVeryLongName

④ 대소문자를 구별

⑤ 모든 언어를 사용할 수 있지만 영어를 권장

⑥ 예약어 ( let, class, return, function)은 변수명으로 사용할 수 없음

 

2. 상수

변화하지 않는 변수를 선언할 때는 let 대신 const 사용하며

const를 상수라고 부른다

const myBirthday = '2022-06-17';

//const로 선언한 변수를 변경하려고 하면 에러 발생함
const myBirthday = '2022-06-17';
myBirthday = '2022-06-20'; // --> error

[대문자 상수]

기억하기 힘든 값을 변수에 할당에 별칭으로 사용하는 것은 널리 사용되는 관습이다

웹에서 사용하는 색상 표기법은 변할 일이 없고 별칭이 훨씬 기억하기도, 가독성도 좋기 때문에 대문자 상수로 선언한다

// (ex)
const COLOR_RED = "#F00";
const COLOR_GREEN = "#0F0"

let color = COLOR_RED

3. 변수 명명시 참고하기 좋은 규칙

① 사람이 읽기 용이하게 ex) userName

② 무엇을 하고 있는지 명확히 모르는 경우 외에는 줄임말이나 한 글자는 피하기

③ 최대한 서술적이고 간결하게 명명하기
     * data, value와 같은 변수는 아무 설명을 해주지 않으므로 안좋은 변수이다

④ 소속된 팀의 규칙을 잘 따르기

'WEB > javascript' 카테고리의 다른 글

[JavaScript] 자바스크립트 자료형  (0) 2022.06.20