[JS] 기본 문법 -변수 선언

1. 변수의 종류

변수를 선언하는 3가지 방법이 있다. var, let, const

var
: 지역(local),전역(global) 모두 사용가능하고 값을 바꿔서 선언하거나 다른 값을 할당해도 오류가 안뜬다.

var a = 5;
console.log(a) //5출력
var a = 4;
console.log(a) //4출력
a=3;
console.log(a) //3출력

let (블록범위변수:block scope variables)
: 지역(local)변수 선언 ,다른 값을 할당하는 것은 오류가 안나지만 다시 선언하는 것은 오류가 뜬다.

let a = 5;
console.log(a)
let a = 4;
console.log(a)

Uncaught SyntaxError: Identifier 'a' has already been declared (at first.js:4:5)

let a = 5;
console.log(a) //5출력
a=3;
console.log(a) //3출력

const
: 지역(local)변수 ,다시 선언하는 것도 다시 다른 값을 할당하는 것도 오류가 뜬다.

const a = 5;
console.log(a)
const a=4;
a=3;
console.log(a)

Uncaught SyntaxError: Identifier 'a' has already been declared (at first.js:4:7)

2. let 변수 선언

숫자 ,문자열, 함수 등을 선언 할 수 있다.

let a = "fruits";
console.log(a); //fuits
let b = new Date();
console.log(b); //Wed May 04 2022 11:00:38 GMT+0900 (한국 표준시)
let func1 = () => console.log("print func1!@");
func1(); //print func1!@

숫자로 선언된 변수끼리는 연산이 가능하고

let a = 15;
let b = 25;
console.log(a+b); //40

문자열로 선언된 변수끼리는 결합이 가능하고

let a = 'The day is';
let b = ' Wednesday';
console.log(a+b);//The day is Wednesday

함수로 선언된 변수에 다른 변수 대입이 가능하다.

let a = 'The day is ';
let b = new Date()
let func2=(a,b)=>console.log(a+b);
func2(a,b)//The day is Wed May 04 2022 11:10:19 GMT+0900 (한국 표준시)

다른 데이터 타입끼리도 결합이 가능하다.

let a = "fruits";
console.log(a); //fuits
let b = new Date();
console.log(b); //Wed May 04 2022 11:00:38 GMT+0900 (한국 표준시)
console.log(a+b); //fruitsWed May 04 2022 11:17:48 GMT+0900 (한국 표준시)

변수 초기화 생략하기

let a;
console.log(a) //undefined

비워진 값으로 나온다.

한번에 변수 선언하기

let a,b=1,c=2;
console.log(a); //undifined
console.log(c-b); // 1

3. const 변수 선언

문자열과 숫자 함수를 대입할 수 있다.

const a="day";
const b=20220504;
const funct3 = () => console.log(a+b);
funct3()//day20220504

하지만 다시 선언하거나 다시 할당하는 것과 초기화 생략하기는 불가능하다.

const a;

Uncaught SyntaxError: Missing initializer in const declaration (at first.js:1:7)

그러나 배열안에서 값은 변경할 수 있다,

const a=['a','b','c'];
a[2]='h';
console.log(a);//(3) ['a', 'b', 'h']
const b={name:'jack',major:'tennis'};
b.major='computer science';
console.log(b);//{name: 'jack', major: 'computer science'}