JavaScript 정복하기[3] - 함수편

 

함수(function)

input과 output을 가지고 있는 어떤 기능의 단위를 말한다.

 

function add (매개변수) {
	// 함수 내부에서 실행할 로직
}

 

 

1. 함수 선언문

 

function add (x, y) {
	return x + y
}

 

 

 

 

2. 함수 표현식

 

let add2 = function(x, y) {
	return x + y
}

 

 

 

 

3. 화살표 함수

ES6 신문법

 

1-1. 기본적인 화살표 함수

 

let arrowFunc01 = (x,y) => {
	return x + y
}

 

1-2.return문 제외(한줄로 쓸 수 있는 경우 )

 

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

 

 

 

 

 

 

함수를 호출하는 방법

 

let functionResult = add(3, 4)
console.log(functionResult)

 

 

 

 

 

---

스코프(Scope)

Scope를 사전에서 찾아보면 '범위'라는 뜻을 가지고 있다.

프로그래밍에서 스코프(Scope)란 '변수에 접근할 수 있는 범위'를 말한다.

 

 

 

전역변수(global variable)

전역 변수란 함수의 외부에서 선언된 변수를 말한다.

전역 변수는 프로그램의 어디에서나 접근할 수 있으며, 프로그램이 종료되어야만 메모리에서 사라진다.

이러한 전역 변수는 메모리상의 데이터(data) 영역에 저장되며, 직접 초기화하지 않아도 0으로 자동 초기화된다.

 

let x = 10

function printX(){
	console.log(x)  // 10
}

console.log(x)  //10
printX()

위 코드를 보면 함수 바깥쪽에서 x = 10이라고 선언했을 때 함수 안에서든 함수 바깥에서든 x = 10이라는 결과를 갖는다.

 

 

 

 

지역 변수(local variable)

지역 변수란 '블록' 내에서 선언된 변수를 말한다.

지역 변수는 변수가 선언된 블록 내에서만 유효하며, 블록이 종료되면 메모리에서 삭제 된다.

이러한 지역 변수는 메모리상의 스택(stack) 영역에 저장되며, 초기화하지 않으면 의미 없는 값(쓰레기값)으로 초기화된다.

함수의 매개변수 또한 함수 내에서 정의되는 지역 변수로 취급된다.

 

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

console.log(x)  // 에러
printX()

위 코드는  전역변수의 코드와는 다르게 함수 내부에서 x = 10이 선언되었다.

이 경우 선언된 함수 내에서는 x = 10이 나오지만 함수를 벗어난 밖에서는 x가 선언되지 않았기 때문에 에러가 나게 된다.

 

 

 

전역변수와 지역변수 내용은 여기서 더 자세히 볼 수 있다!

http://www.tcpschool.com/c/c_function_variableScope

코딩교육 티씨피스쿨

 

 

 

예전에 공부했던 내용에도 더 자세히 써있음!

https://uneverknow.tistory.com/18

JavaScript 스코프(scope)