[JavaScript]함수 (선언,표현,화살표,반환)

쫀구·2022년 4월 26일
0
post-custom-banner

함수란?

특정한 목적의 작업을 수행하기 위한 블록
함수도 하나의 타입이다. 함수는 입력과 출력값이 존재하고 항상 출력값을 반환한다.

반환문return

을 사용하여 함수안에서 탈출해야한다.
return을 선언하지 않은경우는 undefiend

함수선언 방법

함수선언식

function GetBmi(height,Weight){
let bmi = (height * Weight) / 2;
return bmi
}

함수 표현식

const GetBmi = function(height,Weight){ 
	let bmi = (height * Weight) / 2;
    reuturn bmi
}

const getbmi 가 선언 = 부터 할당.

화살표 함수

  • this나 super에 대한 바인딩이 없고, methods 로 사용될 수 없다.
  • new.target 키워드가 없다.
  • 일반적으로 스코프를 지정할 때 사용하는 call, apply, bind methods를 이용할 수 없다.
  • 생성자(Constructor)로 사용할 수 없다.

GetBmi = (height,Weight) => {
let bmi = (height * Weight) / 2;
return bmi
};

본문(body)에 retun문만 있을경우 return과 {}중괄호는 생략 할수있다

conststyle="color:skyblue">GetBmi(height,Weight) => height * Weight / 2; // O, 정상작동 
const GetBmi = (height,Weight) => { height * Weight / 2 }  X , undefined 리턴

return 문에서 소괄호를 사용할수 있다.

const GetBmi = (height,Weight) => (height * Weight / 2) // O, 정상작동

함수내 표현식이 2줄 이상일때 중괄호와 return은 쓰는것이 좋음

const getStudentAvg = arr => {
return arr
.filter(person => person.job === 'student'
.reduce((sum, person) => (sum + person.grade), 0)
}

함수의 선언,호출

선언: keyword, name, parameter, body

keyword : function
name : 함수이름 function name <-
parameter : 매개변수 function name(매개변수)
body : 중괄호 안에 명령 function name(매개변수){body}

선언

function getBmi(height,Weight)
매개변수1(parameter): height
매개변수2 : Weight

호출

getBmi(65,175)
전달인자(argument) : 65, 175

인수 Argument

인수(Argument)는 함수를 호출할 때 건네주는 변수입니다.

인자 Parameter

인자(Parameter)는 함수에서 정의되어 함수 내부에서 사용되는 변수입니다. 인자같은 경우는 매개변수, 파라미터라는 이름으로 많이 불리기도 합니다.

profile
Run Start 🔥
post-custom-banner

0개의 댓글