Variable

준성·2022년 7월 13일
0
post-thumbnail

Variable (변수)


자바스크립트 언어에선 변수라는게 존재하는데 짧게 설명하자면

var name = "junseong"; // name 이라는 변수는 junseong이다.

으로 작성한다. 또한 변수는 크게 2가지로 나뉘어지는데

1.Global Scope

1번인 글로벌 스코프는 말그대로 전체에 적용이 가능한 변수들을 얘기한다. 위에 있는 코드 처럼 작성한다. 전체에 영향이 가는 변수들이기 때문에 어플리케이션의 할당된 메모리를 많이 차지하므로 적절하게 배치하는게 중요하다. 가능하다면 class , if , for 을 사용하는게 효율적이다.

2.Local Scope (block Scope)

{ 
	let name = 'hellow world'
	consloe.log(name);
}

위와 같은 코드는 로컬 스코프 또는 블락 스코프 라고 불리며 안에서만 작용하는 변수이므로

{ 
	let name = 'hellow world'
	consloe.log(name);
}
consloe.log(name);

블록 밖에서 값을 읽을 수 없기 때문에 원하는 곳에서만 값을 도출 할 수 있다.

let vs var


let 과 var 는 같은 변수에 해당되지만
javaScript ES6 이후인 지금은 var라는 변수를 사용하지 않는다.
지금은 쓰지않는 이유는 바로 var hoisting 이기 때문이다.

hoisting 이란 어디에 선언 했는지 상관없이 제일 위로 선언을 끌어올려주는 것

또한 var 라는 변수는 local scope가 존재하지않아 괄호 안에 있는 변수도 어디에서나 값이 창출된다.
그렇기에 사이즈 큰 스크립트에선 선언하지도 않은 선언 때문에 오류가 날 수 있기 때문에 var 를 사용하는 것 보다 let 을 사용한다.

그리고 hoisting 막기위해서는 let 을 사용하며 미리 변수를 깔고 순차대로 코드를 작성해야한다.

브라우저 중 ES6를 적용하지않는 IE같은 브라우저가 있기에 만약 개발을 하게 될때 BABLE을 사용하여 변환해야한다.

constants

const 라는 변수는 값 고정이 가능한 변수이기에
유연하게 변경이 가능한 let 변수와 나누어진다.
값 변경이 불가능한 const 을 immutable data type 이라 하며
let 처럼 값 변경이 가능한 mutable data type으로 나뉘어진다.

const의 변수의 고정이 가능하여 장점이 있는데
1.한번 작성한 값을 다른 사람들이 임의로 변경하는걸 방지할 수 있다.
2.다른 팀원들 또는 내가 코드를 변경할 때 실수를 줄여줄 수 있다.

profile
코드를 그리다.

0개의 댓글