태태개발일지 - VUE ES6

const & let - 새로운 변수 선언 방식

블록 단위로 변수의 범위사 제한 되어있음, { }

 

const -> final

let -> 선언한 값에 대해서 다시 선언할 수 없음

 

const a =10;

a =20; //오류

var c = 10;
c = 20; //동작

let a = 10;
let a = 20; //오류

a= 30; // 가능하다.

 

ES5의 특징 - 변수의 Scope

var sum = 0;
for(var i =1; i<=5;i++){
	sum = sum + i;
}

console.log(sum) //15
console.log(i); //6

 

for문 안에서 선언했어도 밖에서도 값을 구경할 수 있다.

 

Hoisting -> 끌어올려진다.

function willBeOveridden(){
	return 10;
}

willBeOveridden(); //5

//함수 선언문
function willBeOveridden(){
	return 5;
}

//함수 표현식
var = function willBeOveridden(){
	return 5;
}

 

아래에서 오버라이딩 했다면, 아래부분을 쓰게된다.

 

정리해보자면, 함수선언과 변수선언이 메모리에 먼저 할당되어 코드 상단에서 이루어지고, 대입 및 연산 할당은 나중에 연산된다.

 

const와 let은 이 위에를 java형식으로 바뀌었다는 것만 기억하면 된다.

 

*const로 배열이나, 객체를 선언한 경우 내부의 값은 바꿀 수 있다.*

 

 

Arrow Function - 화살표 함수

//ES5
var sum = function(a,b){
	return a + b;
}

//ES6
var sum = (a,b) =>{
	return a + b;
}

sum(10,20);