4일차(2)/javascript 기초 : function
<예제11>
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Step01_dataType11.html</title>
</head>
<body>
<h1>javascript data type</h1>
<script>
//두개의 매개변수를 갖는 함수
let printSum=function(num1, num2){
let sum=num1+num2;
console.log(num1+" 과 "+num2+" 의 합은 "+sum);
};
//매개변수로 전달된 값이 function type이라는 가정 하에서 사용되는 함수
let useFunc=function(f){
f();
}
//함수를 호출하면서 함수 전달하기
useFunc(function(){
console.log("하나");
console.log("두울");
console.log("세엣");
});
useFunc(()=>{
console.log("one");
console.log("two");
console.log("three");
});
</script>
</body>
</html>
- 매개변수 2개짜리 함수 실습 : 변수 2개를 설정하고 console창에서 값 대입하면 계산되어 나온다!
- console.log(num1+" 과 "+num2+" 의 합은 "+sum);
전달받은 받은 값을 활용하여 내용을 출력하는 함수
- + 는 '연결연산자'의 기능도 가지고 있다. 숫자만 가능한 것이 아니라 문자를 연결하여 새로운 문자열 만들기도 가능!
<함수 안의 매개변수로 함수를 전달하기>
let useFunc=function(f){
f();
}- 함수에 전달된 값을 call하고 있음
- 함수를 호출하면서 매개변수에 function type(동작)을 전달하는 일은 매우 많음
xxx( )
xxx(function(){});
xxx( ()=>{})
- 어떤 함수를 호출하면서 매개변수의 인자로 전달할 수 있다.
동작을 호출하면서 동작을 전달하는 것!
- 전달받은 시점에 바로 호출되는 것은 아니다.
(=콜백callback 함수 : 나중에 적절한 시점에 호출되는 함수)
'국비교육(22-23)' 카테고리의 다른 글
| 4일차(4)/javascript 기초 : event (2) | 2022.10.11 |
|---|---|
| 4일차(3)/javascript 기초 : 반복문 loop (0) | 2022.10.11 |
| 4일차(1)/javascript 기초 : function 요약 (0) | 2022.10.11 |
| [참고] Chrome에서 javascript 실행 과정 살펴보기 (breakpoints, step over, step into) (0) | 2022.10.07 |
| 3일차(4)/javascript 기초 : function(2) (0) | 2022.10.07 |