자바기반의 웹&앱 응용 SW개발자 양성과정 74일차 -110

 

REPL - 단일 사용자의 입력을 취하고 이를 평가(실행)하고 결과를 사용자에게 반환시키는 단순한 상호작용 컴퓨터 프로그래밍 환경이다. 

 

우리가 크롬에서 개발자 환경 창의 콘솔 창 , CMD창에서 단순 입력을 하면 실행하고 결과를 반환한다. 인터프리터를 이용한다.

ES6 문법

 

1. 변수 선언 방법이 달라졌다.

ES6이전 변수인 선언인 var는 코드 블록이나 중첩 선언이 가능했던 반면 새로운 변수인 let , const로 제약조건을 주었다.

지역변수를 선언할 수 있도록했다.

 

2 숫자에 대한 표현 범위

 binary, octal 이진수와 8진수에 대한 범위를 추가했습니다.

 

3. 문자열과 변수의 표현을 백 틱으로 표현할 수 있도록 했습니다.

`hi my name is ${name}`;

 

4. 익숙한 객체지향 방식

 

class Exam(){

   

	constructor() {



	}

	constructor(kor,math,eng) {



	}



}

 

5. rest parameter

function print(x, y, ...values) {
    console.log(x);
    console.log(y);

    console.log(values)
}

print(2, 3, "hello", 5);

... 변수명으로 나머지 파라미터 값을 배열로 받을 수 있다.

 

6.spreadOut 

 

let nums = [2, 3, 4];

function print(x, y, z) {
    console.log(x);
    console.log(y);
    console.log(z);
}

print(...nums);

 

7. 기본값

 

let nums = [2, 3];

function print(x = 0, y = 0, z = 0) {
    console.log(x);
    console.log(y);
    console.log(z);
}


print(...nums);

|| 연산은  첫 조건이 null, undefined, 일 경우 두 번째 조건값을 검사한다.

let nums = [2, 3];

function print(x, y = 0, z) {
    console.log(x);
    console.log(y);
    console.log(z);
}


print(1, null, 3);

undefined는 기본값을 그대로 받습니다.

 

 

8.arguments 개수 

function print(x, y = 0) {
    console.log(arguments.length);
}
print(1);

전달된 인자 값만 카운트됩니다.

 

 

9.Arrow function 

 

window.addEventListener("load" , function(){

console.log("hi");

})

 

window.addEventListener("load" ()=> {

console.log("hi");

})

 

Arrow Function

No this

No super

No aguments

No new.target

 

애로우 펑션은 익명 함수이므로 생성자로 사용할 수 없습니다.

따라서 중첩된 곳에서 지역화가 일어나지 않기에 상위의 변수를 그대로 가져다가 사용할 수 있습니다.