1-8 스코프 및 화살표함수

08.js, 09.js 파일 생성
1. 스코프, 전역변수, 지역변수
scope=범위
Javascript에서의 scope는 변수의 영향 범위. 변수가 어디까지 영향을 끼칠 수 있는지가 관건.
전역변수=변수의 scope가 전체에 영향을 끼치는 변수
지역변수=함수 내에서만 영향을 끼칠 수 있는 변수

let x = 10;  
function printX(){
   console.log(x);
}

console.log(x);
printX();

let x = 10; 의 스코프는 전체에 적용 될 수 있으므로 전역변수이고,

function printX(){
   let x = 10;  
   console.log(x);
}

함수 내부에 들어가면 영향이 함수 안에서만 끼치므로 지역변수가 되어
console.log(x);
printX();
했을시 오류가 날 수 밖에 없다. 

 

10.js 파일 생성
2. 화살표함수(ES6 신 문법)

기존 함수, 이 방식을 먼저 익힌 후 화살표 함수로 넘어가는 수순을 밟기를 추천.
function add (x, y) {
return x + y}

1-1. 기본적인 화살표 함수
let arrowFunc01 = (x, y) => {
return x + y}

1-2. 한 줄로 함수. 직관적이지만 {반환값함수} 부분에 여러줄 들어가야하는 로직이면 사용하기 어렵다.
let arrowFunc02 = (x, y) => x + y;

1-3. 기존 함수를 화살표 함수로 바꿔보기
function testFunc(x) {
return x;}
를 화살표함수로 간단하게 바꾸면
let arrowFunc03 = (x) => x;
또는
let arrowFunc03 = x => x;

 

배운점
scope는 변수가 영향을 끼치는 범위이고, 전역변수는 전역에걸쳐 영향을 끼치는 변수, 지역변수는 함수 내부라는 지역안에서만 영향을 끼치는 변수라고 한다. ES6(ECMAScript의 여섯번 째 ES) 프로그래밍 언어로 넘어오면서 적용된 화살표함수는 간결하다는 장점이 있지만 로직 부분을 생략하기도 한만큼 반환값 함수를 넣어야하는 함수라면 기존 함수를 사용하는 것이 좋다고 한다.