모던 자바스크립트 Deep Dive - 04.변수 & 수업내용 추가 정리

지영·2021년 11월 28일
0

JavaScript

목록 보기
1/37
post-thumbnail

변수


4.1-변수란 무엇인가? 왜 필요한가?

  • 프로그래밍 언어는 기억하고 싶은 값을 메모리에 저장하고,저장된 값을 읽어들여 재사용하기 위해 변수라는 메커니즘 제공
  • 하나의 값을 저장하기 위해 확보한 메모리 공간 자체 또는 그 메모리 공간을 식별하기 위해 붙인 이름
  • 값의 위치를 가리키는 상징적인 이름 (변수를 통해 값에 안전하게 접근할 수 있다)
  • 변수는 하나의 값을 저장하기 위한 메커니즘
  • 배열이나 객체같은 자료구조를 사용하면 관련이 있는 여러개의 값을 그룹화해서 하나의 값처럼 사용할 수 있다.

4.2-식별자

  • 프로그램의 어느 곳 에서나 식별할 수 있는 변수를 의미
  • 어떤 값을 식별하기 한 값
  • 변수를 식별할 수 있는 변수명을 식별자라고 한다
  • 식별자는 값이 아닌 메모리 주소를 기억하고 있다
  • 식별자가 기억하고 있는 메모리 주소를 통해 메모리 공간에 저장된 값에 접근할 수 있다
  • 식별자라는 상자에 값을 넣어주는 것이다.
const 식별자  = 10;

4.3-변수 선언

  • 변수를 생성하는 것
  • 컴퓨터에게 변수를 사용한다고 알려주는 것
  • 값을 저장하기 위한 메모리 공간을 확보하고 변수 이름과 확보된 메모리 공간의 주소를 연결해서 값을 저장할 수 있게 준비하는 것
  • var, let, const 키워드를 사용한다
  • 키워드는 예약어, 약속어 라고 불리운다

4.4 변수 선언의 실행 시점과 변수 호이스팅

  • 변수 선언은 소스코드가 한 줄씩 순차적으로 실행되는 시점 ,즉 런타임이 아니라 그 이전 단계에 먼저 실행된다.
  • JavaScript 엔진은 소스코드 실행을 위한 준비 단계인 소스코드의 평과 과정에서 변수 선언을 포함한 모든 선언문(변수 선언문,함수 선언문 등)을 소스코드에서 찾아내 먼저 실행 후 이 과정이 끝나면 비로소 소스코드를 한 줄씩 순차적으로 실행한다.
  • 이퍼럼 변수 선언문이 코드의 선두로 끌어 올려진 것 처럼 동작하는 자바스크립트 고유의 특징변수 호이스팅이라 한다.

4.5-값의 할당

  • 선언한 변수에 대입연산자를 이용해서 값을 할당하는 것
var score; //변수 선언
score = 80; //값의 할당
  • 선언과 할당을 동시에 할 수 있다
let a = 10;

4.6-값의 재할당

  • 변수에 저장된 값을 다른 값으로 변경가능하다.
  • 값을 재할당 할 수 없어서 변수에 저장된 값을 변경할 수 없다면 변수가 아니라 상수라고 한다.
  • 상수는 단 한번만 할당할 수 있는 변수이다.

4.7-식별자 네이밍 규칙

  • 식별자 : 어떤 값을 구별해서 식별해낼 수 있는 고유한 이름
  • 알파벳외의 한글이나 일본어 식별자도 사용할 수 있으나 권장하지 않는다
  • 대소문자가 다른 변수는 각각 별개의 변수이다

네이밍 컨벤션

  • 하나 이상의 영어 단어로 구성된 식별자를 만들 때 가독성 좋게 단어를 구분하기 위해 규정한 명명규칙이다

camelCase

  • 변수 선언시 거의 대부분 사용하는 표기법
let firstName;

PascalCase

  • 생성자 함수나 클래스 또는 컴포넌트를 만들 때 사용하는 표기
  • 파스칼 케이스로 변수를 선언했다면 생성자,클래스,컴포넌트일 확률이 높다
const isActive = false;
//생성자
function User(){}
//클래스
class Animal{}

snake_case

  • 언더바를 사용
let first_name;

상수

  • 상수라는 것을 알려주기 위해 대문자로만 변수명을 사용하기도 한다
const HELLO = 10;
profile
천천히 운영되는 개발 블로그

0개의 댓글