스파르타 코딩강의 : JavaScript 문법 종합반 1주차 - 함수와 스코프
✨ 이번 글에서 사용할 주요 기능
- 함수 정의하고 호출하기 function () {}
- 스코프에 대해 알아보기
- 화살표 함수에 대해 알아보기
함수 선언하기
함수를 선언하고 사용할 때에는 기본적으로
function 함수 이름(매개변수) {}
와 같은 형식을 사용한다. 매개변수는 함수 안에서 사용되는 변수의 값을 지정해주는 역할을 한다.
아래의 코드는 함수를 선언하고 사용하는 기본적인 방식이다.
//함수 선언문
function add(x, y ){
let result = x+y
return result
}
//함수 표현식
let add2 = function(x, y){
return x+y
};
//함수를 사용하는 방법
console.log(add(1,2))
console.log(add2(5, 7))
let functionResult = add(3,4)
console.log(functionResult)출력 결과
스코프
스코프
변수가 선언된 위치에 따라 각 변수가 사용되는 범위가 달라진다.
- 전역 스코프 : 전역 스코프에서 선언된 변수는 문서 내 어디서든 사용 가능하다.
- 지역 스코프 : 특정 함수 내에서 선언된 변수는 해당 함수 내에서 사용 가능하다.
- 블록 스코프 : 특정 블록 내에서 선언된 변수는 해당 블록 내에서 사용 가능하다.
//scope : 범위, 전역변수, 지역변수, 화살표함수
let x = 20;
function printx(){
let x = 10
console.log(x)
}
console.log(x);
printx();출력 결과
화살표 함수
함수를 간결하게 표현하는 방법으로 화살표 함수를 사용할 수 있다. 그러나 초보 개발자에게는 화살표 함수 대신 정석적인 형태의 함수를 사용하는 것을 권장한다.
//화살표 함수
//es6신 문법
function add (x, y){
return x+y
}
//기본적인 화살표 함수
let arrowFunc01 = (x, y) => {
return x+y
}
//한줄로 화살표 함수 작성하기
let arrowFunc02 = (x, y) => x+y
function testFunc(x){
return x;
}
//매개변수가 1개일 경우
let arrowFunc03 = x => x
0w0