자바스크립트 강의

[JavaScript] 1주차 - 함수

notion0896 2024. 10. 8. 20:21

함수 선언문

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

console.log(add(2,3)) // 5

 

함수 표현식

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

console.log(add2(2,3)) // 5

 

함수 스코프(scope)란?

변수의 영향 범위

 

전역변수

let x = 10; => 변수가 함수 밖에 있기 때문에 함수 밖까지 영향을 줌

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

console.log(x)

 

지역변수

function printX () {
	let x = 10; => 변수가 함수 안에 있기 때문에 함수 밖으론 영향이 미치지 못함
    console.log(x);
};

console.log(x); // not defined

 

화살표 함수

일반적인 함수
function add (x,y) {
	return x+y;
};

=> 화살표 함수로 변경
let arrFunc = (x,y) {
	return x+y;
};


// 함수식을 한 줄로도 쓸 수 있다


let arrFunc1 = (x,y) => x+y;
// {} 괄호 안의 값이 한줄일 경우 {}를 생략하고 쓸 수 있다.

function testFunc (x) {
	return x;
};

=> 화살표로 변경
let testFunc = x => x;