swimminginthecode DIVE!

FRONT/JavaScript

JavaScript 02

dazz6 2024. 5. 17. 18:05
함수(Function) 작성하기
// 일반적
function 함수이름([매개변수1, 매개변수2, ...]) {
	함수가 호출되었을 때 실행하고자 하는 실행문;
    [return 반환값;]
}

// 함수 리터럴 (함수 표현식)
let 변수 = function() {
	함수가 호출되었을 때 실행하고자 하는 실행문;
    [return 반환값;]
}

// 생성자
let 변수 = new Function() {
	함수가 호출되었을 때 실행하고자 하는 실행문;
    [return 반환값;]
}

사용자 함수 활용 문제
주어진 문자열에서 숫자를 추출하여 그 합을 반환하는 함수를 작성
function exam(a1) {
    let result = 0;
    let a2 = [...a1];
    for (i = 0; i <= a2.length; i++) {
    	if (a2[i] > 0) {
        	result += +a2[i];
        }
    }
    return result;
}

b = "1a2b3c4d123"
document.write(exam(b));

결과

16


익명 함수
함수명이 없는 일회용 함수로, 초기화 작업시에 효과적으로 사용된다.
대표적인 특징으로는 휘발성, 단발성이 있다.
// 익명 함수 표현
// 괄호로 묶어 사용
(function() {
	document.write(`익명 함수1`);
    document.write(`익명 함수2`);
})();

// 함수 표현식
// 익명 함수를 변수에 치환
let exam1 = function(n1, n2) {
    document.write(`합 : ${n1 + n2}`);
};

 

'FRONT > JavaScript' 카테고리의 다른 글

JavaScript 07  (0) 2024.05.28
JavaScript 06  (0) 2024.05.23
JavaScript 05  (0) 2024.05.22
JavaScript 04  (0) 2024.05.21
JavaScript 01  (0) 2024.05.16