JS 스코프 / 지역변수 / 화살표 함수

 

scope

scope 범위

사전적 의미는 이런데,

변수가 어디까지 영항을 끼칠 수 있는가.  를 말한다. 

 

 

만약 스코프가 전체 영역에서 영향을 끼친다.??  <--  전역변수

 

만약 스코프가 함수 내에서 영향을 끼친다. ??   <--  지역변수

 

전역변수 예시

 

let x = 10;

 

function printX( ) {

     let x = 10;

     console.log(x);

}

 

console.log(x);

printX( )

 

--------------------------------

 지역변수  예시

 

function printX( ) {

     let x = 10;

     console.log(x);

}

 

console.log(x);  <----  여기서 오류남.

printX( )

 

 

 

화살표 함수

함수를 쓸때 좀더 간편하게 쓸수 있도록 만들어진 새로운 문법 (ES6 부터 생김)

초보자라면, 기본 함수 먼저 익숙해 진 다음에 화살표 함수를 사용하는것을 추천한다고 한당 !

 

원래의 함수는 이렇다

function add(x, y){

     return x +y

}

 

console.log(add(x에 대입할 값, y에 대입할 값));

 

혹은

let add = function(x, y){

     return x +y

}

 

let result = add(x에 대입할 값, y에 대입할 값);

console.log(result);

 

 

자 그럼 화살표 함수는 어떻게 생겼을까?

 

 

 

 

1. 기본적인 화살표 함수

 

let arrowFunc01 = (x, y) => {

     return x + y

}

 

 

2. 한줄로 된 화살표 함수

 

let arrowFunc01 = (x, y) => x + y

 

보다싶이 return 문이 빠져있다. 

그렇다 보니 조건이 잇따..

만약 함수의 중괄호{ } 안에 return문 1줄 말고도

다른 로직들도 같이 존재한다면, 

사용할 수 없다!@!

 

또한 중괄호는 여기서 쓰지 않는다. 

 

 

만약 "기본  화살표 함수" 를 "한줄 화살표 함수" 로 바꿔본다면

 

function testFunc(x) {

     return x;

}

 

바꾸면

let testFunc = (x) => x;

 

만약 이걸 5라는 값을 대입해서 출력하려면, 

console.log(testFunc1(5));

이렇게 입력후 터미널에

node 파일명 입력

하면 .... 두둥 !!  값이 나온다!!!><