[Javascript#2] 자바스크립트 함수에대해 알아보자

일반함수

//일반함수사용법?

function sayHello() {
	console.log(“안녕하세요?”); 
}
	
sayHello();
// > 안녕하세요

 

리턴함수

function getCalcNumbers() {
	sayWelcome();
    // >"안녕하세요"
	var numberOne = 10;
	var numberTwo = 20;
	var result = numberOne + numberTwo;
    console.log( numberOne + “ + ” + numberTwo + “ = ” + result );
	
    // return 키워드는 호출자에게 함수의 호출 결과값을 전달할 수 있도록 한다.
	return result; 
}

var calcResult = getCalcNumbers();
console.log(calcResult);
// > 30

 

매겨변수가 있는 함수리턴함수

//매개변수가 한개 더 들어온다면?
function getCalcNumbers( numberOne, numberTwo ) {
	sayWelcome();
	var result = numberOne + numberTwo;
	return result;
	}

//파라미터의 개수가 맞지 않더라도, 정상실행된다
//10. 60 대입 / 70은 무시한다
var result = getCalcNumbers(10, 60, 70);

// 반대로 매개변수값이 없다면?
function getCalcNumbers( numberOne, numberTwo ) {
	sayWelcome();
	// numberTwo 가 undefined라면? ** undefined 는 값이 없음 NULL과는 또 다르다.
	// undefined 로 정의되었는지 확인하고, 그럴경우 0으로 초기화 시킨다.	
    if ( numberTwo == undefined ){
		numberTwo = 0; 
    }

	var result = numberOne + numberTwo;
	return result;
}

// 매개변수가 한개만 들어온다면?
var result = getCalcNumbers(10);

 

중첩함수

function getCalcNumbers ( numberOne, numberTwo ) {
	var result = calcPlus ( numberOne, numberTwo );
	
    //중첩함수 : 함수안에 함수!
    //Access제한자가 없기 때문에 기능을 감추고 싶을 때 구현한다!
    function calcPlus ( numberOne, numberTwo ) {
		return numberOne + numberTwo;
	}
    
	return result;
}

var result = getCalcNumbers(10, 60);

 

콜백함수

//콜백함수 
//함수에서 특정 작업이 완료되었을 때, 추가로 실행해야 하는 작업을 기술한 함수
function getCalcNumbers ( callback ) { 
	sayWelcome();
	var result = callback ( 10, 60 ); 
    return result;
}

// 콜백 함수는 이름이 없다
var callbackFunction = function ( numberOne, numberTwo ) {
	return numberOne + numberTwo; 
}

var result = getCalcNumbers ( callbackFunction );

 

함수를 리턴하는 함수

//함수가 값이 아닌, 함수를 리턴한다.
function getCalcNumbers ( numberOne, numberTwo ) {
	return function () {
		return numberOne + numberTwo; 
		}
}

//리턴된 함수를 실행함.
var calc = getCalcNumbers(10, 80); var result = calc();

 

함수를 리턴하는 함수

function counter () { 
	var count = 0; 
    return function () {
		return ++count; 
    };
}

var count = counter(); 
var result = count();
// >1
result = count();
// >2
result = count();
// >3

 

 

내장함수

 

alert()

confirm()

 var result = confirm ( “선택하세요.” ); 
 	
if ( result ) {
	// 확인을 클릭했을 때
} else {
	// 취소를 클릭했을 때
}