EtoC

variable(변수) 본문

Language/JavaScript

variable(변수)

게리드 2023. 7. 31. 13:39

애플리케이션은 데이터를 다루는데 변수는 이 데이터를 관리하기위해 사용하는 중요한 용어이다.

1. 변수에 대해서

변수는 하나의 값을 저장한 메모리공간으로 그 메모리공간을 식별하기 위해 붙인 이름이다.
메모리에 저장된 값을 식별할 수 있는 고유명을 변수명이라하고, 변수에 저장된 값을 변수 값이라 한다.
변수에 값을 저장하는것을 할당(assignment), 값을 읽어오는 것을 참조(reference)라 한다.
변수명을 사람이 이해하기 쉽게 지음으로써 가독성을 높일수있다.

2. 변수 선언과 호이스팅

쓰다보니 길어져서 따로 작성하였다.

변수를 사용하려면 반드시 변수를 선언해야한다.
변수를 선언하면 값을 저장할 메모리 공간을 확보(allocate)하고 변수명과 확보한 메모리 공간의 주소를 연결하여 값을 저장할 수 있게된다.
이렇게 확보된 메모리 공간은 해제(release)되기 전까지는 사용할 수 없다.

Lexical Enviroment
자바스크립트 엔진이 코드를 실행하기 위해서는 Excution Context(자바스크립트 코드가 동작할 수 있는 환경)가 필요하다.
이곳에 코드에 선언된 변수나 함수선언문이 Lexical Enviroment라는 자료구조에 저장된다.
이 Lexical Enviroment 덕분에 변수나 함수를 선언 이전에 사용할 수 있다.

3.식별자(identifier) 네이밍 규칙

식별자는 어떤 값을 식별할 수 있는 고유한 이름을 말한다.

  • 특수문자를 제외한 문자, 숫자, _, $를 포함할 수 있다.
  • 위의 4가지중 숫자로 시작하는것은 허용되지않는다.
  • 예약어는 식별자로 사용할 수 없다.

MDN(자바스크립트 예약어 목록)

4. 네이밍 컨밴션(naming convention)

  • 네이밍 컨밴션은 여러 단어로 구성된 식별자를 만들때 가독성좋게 만들기위해 만든 규칙이다.
  • 일반적으로 변수명이나 함수명에는 카멜케이스를 사용한다.
  • 생성자함수나 클래스명에는 파스칼 케이스를 사용한다.

1.camelCase

처음 단어는 소문자로 그 뒤의 이어지는 단어들은 대문자로 시작하게 작성한다.

let fullName;

2. snake_case

모든 문자를 소문자로 쓰며 띄어쓰기대신 _를 사용한다.

let full_name;

3. PascalCase

시작하는 단어를 대문자로 쓰고 뒤에 이어지는 단어들도 대문자로 시작한다.

let FullName;

4. typeHungarianCase

let strFullName; // 타입 + 식별자
let $element = document.getElementById("id"); //DOM노드