<Javascript> 변수(Variable)

* 변수(Variable) : 뭔가 한가지를 담는 공간. 메모리에 들어가는 값 * 

1. 변수의 네이밍 

var 변수명; 

1. 이름 맨 앞에 숫자 넣는거 불가 

( var 4name )

2. 맨 앞에 대문자를 사용하면 class와 헷갈리기 때문에 안하는게 좋다. 

(클래스명을 지을 때 맨 앞에 대문자를 많이 쓴다)

(var Name;)

3. 여러 단어를 이을 때 -는 연산으로 인식하는 경우가 있어서 _로 쓰는게 좋다

(var name-to-name (x)

 var name_to_name ()

또는 camel 방식

(var nameToName)

4. 예약어는 사용 x (예약어 : 이미 데이터가 있는 이름. ex)if, for, alert, while.... ) 

2. 변수에 값 대입하기(=)

* 대입되는 값 : 자료 

var name=10; 

or

var name; 

name= 10;

3. 변수 사용하기 

사용할 값을 쓰는 곳에 변수명을 사용하면 된다. 

var name=10; 

이렇게 변수를 정의하고 값을 넣었다면 

alert(name); 

이런식으로 사용하면 된다.   

4. 변수의 자료(data)형

1. 숫자( 산술연산 가능. 10, 100, ...) 

1) integer -> int : 정수 (10,20,30...)

2) floor, double, demical : 소수 (1.0, 1.1, 5.3, 5.1234)

 :  console 에 파란색으로 찍힘 

2. 문자 ('프론트엔드', "프론트엔드", "10" .. ) ' ', " "으로 감싸야 한다.

- string(str)

 : console에 검정색으로 찍힘

 : 숫자를 문자로 변수에 넣기

3. 불리언(boolean) : 참과 거짓 (true of false)

: 보라색

4. null : 비어있다 

 : 회색

5. 미정의(undefined) : 정의가 안되어있는. 

 : 회색 

* null vs undefined *

출처 : https://stackoverflow.com/questions/5076944/what-is-the-difference-between-null-and-undefined-in-javascript

 

6. 기타 자료형

1) 함수(function) 

 : 자체 내용이 나옴.

( 이 코드를 작성하기 전에 id 가 box인 div 태그를 만들고 style을 주었다) 

 

 : 변수로 함수 실행

2) 배열(array)

3) 객체(object)

5. 변수의 특징

1. 변수는 사용하려는 기능보다 먼저 저장되어야 한다. 

2. 자료형(문자, 숫자 .... 안의 값) 을 담을 수 있다. 

3. 변덕이 심하다 ( 변덕이 아주 심하지만 규칙은 있다) 

: 이전것을 버리고 새로운 것을 잘 받아들인다.

 

4. 연산할 때 형변환이 많이 일어난다 ( 연산 게시글 참조)

- 변수를 만들고 값을 바꿨을 때 

: 값만 바로 바뀜

- 변수를 만든 후 같은 이름의 변수를 만들었을 때

- 그 이름의 변수가 바뀌는 게 아니라 같은 이름의 변수가 더 생긴다. 

처음에 있던 같은 이름의 변수는 쓰레기가 된다.