[JavaScript] 함수 선언, callback함수[콜백], 배열, prompt (입력창 만들기) , 익명 함수

📝함수 선언

function sum(a,b){
	var result = a + b;
	return result; 
}

console.log(sum(10,20)); // return 값이 없으면 출력을 못 한다.

// 함수 만들기

function 함수이름(sum) 인자값(a,b) {

    ... 내용

}

 

 

📝callback함수 [Prompt]

function sum(a,b,callback){
	var result = a + b;

	callback();
	return result;
}

var r = sum(10,20,function(){
	alert('a + b를 더했습니다.'); // chrome
}); // 여기에서 바로 alert이 실행된다.

console.log(r); // 30

// 콜백함수 (함수를 매개변수로 전달할 수 있다. 이걸 콜백함수라고 한다.)
// 여기에서 보면 sum이라는 함수는 처음에 10(a) + 20(b) 를하고 매개변수로 받은 function()을 실행시킨다.

콜백함수란 파라미터로 함수를 전달받아, 함수의 내부에서 실행하는 함수입니다.

 

이와같이 매개변수( function(){...}) 함수를 매개변수로 받아

함수(sum)을 실행 시키면 alert('a + b를 더했습니다.'); 실행됩니다.

 

(chrome 개발자화면에서 실행시켜주세요)

 

 

var customer_name =["Lee","Kim","Park"];

customer_name[0]="Sung";
console.log(customer_name[0]);
// 인덱스

customer_name[3]="Jung";
console.log(customer_name[3]);
// 추가

var my_list = ["string",5,["sub1","sub2"]];
console.log(my_list[0]);
console.log(my_list[2][1]);
// 이차원 배열

배열은[ ]으로 구성되어있습니다. (var customer_name =["Lee","Kim","Park"];)

 

[0] [1]로 인덱스를 지정해 접근할 수 있고 값이 있으면 수정도 가능합니다. (customer_name[0]="Sung";)

 

없는 인덱스를 지정해 추가할 수도 있습니다. (var my_list = ["string",5,["sub1","sub2"]];)

 

var customer_name =["Lee","Kim","Park"];

var search_name = prompt('이름 조회','조회할 이름을 입력하세요'); // chrome

for(var i = 0 ; i < customer_name.length ; i++){
	if(search_name == customer_name[i]){
		console.log(customer_name[i]);
	}
}
// 내가 찾고자하는 이름 출력

내가 찾고자하는 이름을 prompt라는 기능을 이용해서 찾을 수 있습니다.

 

적은 값이 search_name에 들어가고 그거와 for문을 돌아 배열값에 똑같은 걸 찾아 출력합니다.

 

📝익명 함수

// callback function
function printQuizResult(answer, userAnswer, printYes, printNo){
    
    if(answer === userAnswer) printYes();
    else printNo();

}

// anonymous function (익명 함수)
//  - you can use debug easily
//  - you can use recursion
const printYes = function(){
    console.log('정답입니다.')
}

const printNo = function(){
    console.log('틀렸습니다.')
}

console.log('자바스크립트 스펠링을 적어주세요')
printQuizResult('javascript','javascript',printYes, printNo);

// 함수형 프로그래밍은 호이스팅이 안 된다.