[Study/JavaScript] 변수 / 상수

SoShy·2023년 11월 27일

JavaScript_Study

목록 보기
3/36
post-thumbnail

🥕 변수 (Variable)

  • 데이터를 저장할 수 있는 메모리 공간
  • 변수 선언은 let을 이용
let espressoPrice = 3000;
.
console.log(espressoPrice);
.
.
.
>>> 3000

1. 변수 작명 가이드

  • JS 식별자는 문자(a-z, A-Z), 밑줄(_) 혹은 달러 기호($)로 시작
    - 두 번째 글자부터는 숫자(0-9)도 가능

  • 대문자와 소문자 구별하기
    - myname과 myName은 다른 변수

  • 예약어 사용 불가
    - if, for, let, ...

  • camelCase로 작성
    - 첫 번째 글자는 소문자로 하고, 띄어쓰기가 있는 각 단어의 첫 문자를 대문자로 표기

2. 변수의 Scope

  • 블록문 (Block Statement) : {} 내에 있는 코드

  • 로컬 변수, 지역 변수 (Local Variable) : 블록문 안에 선언된 변수

  • 글로벌 변수, 전역 변수 (Global Variable) : 블록문 밖에서 선언된 변수
    - 글로벌 변수는 코드 내 어떤 위치에서도 사용 가능
let x = 3; 					// 글로벌 변수

function myFunction() {
  let x = 5;				// 로컬 변수
  console.log(x);
};

myFunction();
console.log(x);
.
.
.
>>> 5
	3
function myFunction() {
  let x = 3;
  console.log(x);
};

console.log(x);
.
.
.
>>> error : 선언된 x가 없기 때문
function myFunction() {
  let x = '종로';
  x = "을지로";
};

myFunction();
console.log(x);
.
.
.
>>> error : console.log(x)를 실행하기 위한 글로벌 변수가 없기 때문

🥕 상수 (Constant)

  • 변하지 않는 값
  • let 대신 const를 사용하여 선언

  • 작명할 때, 대문자로만 작성하고, 두 개 이상의 단어로 이루어질 경우 밑줄(_)로 구분

  • 상수의 경우, 값을 재할당하려고 하면 error 발생
  • 선언할 때, 값을 지정해주지 않아도 error 발생
const PI = 3.14;	// 상수
let radius = 0;

function calculateArea() {
  return pi * radius * radius;
};

function printArea () {
  return `반지름이 ${radius}일 때, 원의 넓이는 ${calculateArea}`;
};

radius = 4;
console.log(prinArea());
.
.
.
>>> 반지름이 4일 때, 원의 넓이는 50.24
profile
프론트엔드 개발자가 되기 위해 노력 중인 새싹🌱 입니다.

0개의 댓글