[새싹 프론트엔드] 11/8 (함수)

 

01. 함수

목적을 가지고 작성된 코드 블록. 데이터를 전달받아 처리한 후, 결과를 돌려주는 코드 블록이라 할 수 있다.

function 함수이름(arg1, arg2,..., argn) {
  ...프로그램 코드...
  return 반환 값
}

 

 

자바스크립트에서 제공하는 전역 함수

eval(exp)	exp의 자바스크립트 식을 계산하고 결과 리턴 ex.) let res = eval("2*3+4*6") res는 30
parseInt(str)	str 문자열을 10진 정수로 변환하여 리턴
parseFloat(str)	str 문자열을 실수로 바꾸어서 리턴
inFinite(value)	value가 숫자이면 true 리턴
inNaN(value)	value가 숫자가 아니면 true 리턴

 

 

 

02. 다이얼로그

사용자 입력 및 메시지 출력

• 프롬프트(prompt) | 사용자로부터 문자열을 입력 받아 리턴. 디폴트 값은 생략 가능
• 확인(confirm) | 메시지와 확인/취소 버튼을 가진 다이얼로그 출력. 확인은 true, 취소는 false를 리턴한다.
• 경고(alert) | 메시지와 확인 버튼을 가진 다이얼로그 출력.

 

confirm 사용 예시

let ret = confirm("전송할까요");

if (ret === true) {
  document.write(`확인 버튼을 눌렀습니다.`);
} else {
  document.write(`취소 버튼을 눌렀습니다.`);
}

 

 

 

03. 화살표 함수

함수 표현식보다 단순하고 간결한 문법으로 함수를 만들 수 있는 방법

// 함수 선언식
function adder(a, b) {
  return a + b;
}

// 화살표 함수
let adder2 = (a, b) => a + b;

화살표 함수의 특징

• 매개변수가 하나도 없다면 소괄호는 필수로 작성을 해주어야 한다.
• 매개변수가 하나일 경우 코드가 한 줄일 때 중괄호 생략이 가능하다.
• 매개변수가 하나일 경우 소괄호(매개변수를 넣는 곳) 생략이 가능하다.
• 실행 코드가 여러 줄일 때는 중괄호로 코드를 묶은 후 return 키워드를 이용하여 결괏값을 반환해야 한다.

 

 

 

'새싹DT 기업연계형 프론트엔드 실무 프로젝트 과정 4주차 블로그 포스팅'