dolog

변수와 상수 본문

JavaScript/자바스크립트의 기본

변수와 상수

dokite 2022. 6. 25. 00:34

변수(variable)

  • 정보를 저장하는 용도
  • 이름이 붙은 저장소
  • 3가지 키워드 : var, let, const

 

선언( 변수키워드 변수명)

let message;

 

할당( = )

let message = ‘hello’;

alert(message); //변수명을 이용해 변수에 저장된 값을 보여준다

 

사물함 비유

message 라는 이름을 가진 사물함 안에 hello 라는 데이터를 저장한 것이라고 생각하면 쉽다

어떤 값을 넣든, 원하는 만큼 값을 변경 가능

 

let message;

 

message = 'Hello!';

 

message = 'World!'; // 값이 변경되고 이전 데이터는 제거

 

변수 두 개를 선언하고, 한 변수의 데이터를 다른 변수에 복사 가능

 

let Hello = 'Hello world!';

 

let message;

 

// Hello의 'Hello world' 값을 message에 복사합니다.

message = Hello;

 

// 이제 두 변수는 같은 데이터를 가집니다.

alert(Hello); // Hello world!

alert(message); // Hello world!

 

*변수 let을 재할당하고 선언하는 건 다르다는 것을 주의하자

 

let message = ‘this’;

let message = ‘that’;

(X) SyntaxError: 'message' has already been declared

 

let message = ‘this’;

message = ‘this world’;

(O)

 

<?>함수형 언어 - 스칼라, 얼랭

 

변수 명명 규칙

  • 변수명에는 number, string 그리고 $, _ 만 들어갈 수 있다
  • 첫글자는 숫자일 수 없다

 

let userName;

let test1234;

let $ = 1;

let _ = 2;

(O)

 

let 1a;

let my-name;

(X)

 

*카멜 표기법(camelCase : 나열한 단어 중 첫 단어를 제외한 다른 단어의 첫 글자를 대문자로 작성하는 표기법)을 사용한다 

*영어는… 하면 좋다가 아닌 해야한다, 프로그래밍에서 영어는 필수필수 또 필수다

*예약어(let, function, class, return 등 JS 내부에서 이미 예약된 이름들) 목록에 있는 단어는 변수명으로 사용X

 

상수(constant)

  • 변하지 않는 수를 선언
  • 변수와 달리 재할당 할수없다

 

대문자 상수 ?

‘하드 코딩한’ 값의 별칭을 만들 때 사용(이란 말이 덜 와닿는다…)

 

바람직한 변수명

  • 명확, 간결 = 변수가 담고 있는 것을 잘 설명할 수 있도록
  • data, value는 특히 변수가 가리키는 데이터나 값이 아주 명확할 때만 사용
  • 혼자할 땐 자신만의 규칙을, 협업할 땐 팀의 규칙을 지키도록 하자

 

•  오늘의 핵심 !! 변수를 추가하는 습관은 좋은 습관이다

 

'JavaScript > 자바스크립트의 기본' 카테고리의 다른 글

기본 연산자와 수학 1  (0) 2022.06.27
원시형 형 변환  (0) 2022.06.25
함수 표현식  (0) 2022.06.23
alert, prompt, confirm 함수  (0) 2022.06.22
함수와 함수선언문  (0) 2022.06.21