달력

7

« 2020/7 »

  • 5
  • 6
  • 7
  • 8
  • 9
  • 10
  • 11
  • 12
  • 13
  • 14
  • 15
  • 16
  • 17
  • 18
  • 19
  • 20
  • 21
  • 22
  • 23
  • 24
  • 25
  • 26
  • 27
  • 28
  • 29
  • 30
  • 31
  •  

학습 내용

  • 선언적 함수: 호출하면 동작
    • 인자 없는 함수 호출
    • 인자 있는 함수 호출
    • 인자 있는 함수 호출하여 연산된 값 반환

   

  • 익명 함수
    • 인자 없는 익명함수 호출
    • 익명 함수 매개변수 대입
    • 익명 함수 매개변수 전달 후 반환되는 값 출력

   

   

;(세미콜론) 사용

선언적 함수 생성시에는 세미콜론을 붙이지 않지만

함수 표현식을 사용한 익명함수 생성시 세미콜론(;)을 붙이는 것을 권장합니다.

   

   

소스 코드

   

<html>

<head>

<meta charset="UTF-8">

<title>함수</title>

<script type="text/javascript">

document.write('인자 없는 함수 호출 ================<br>');

//선언적 함수

function check1(){

document.write('호출하면 동작됨<br>');

}        

//함수 호출

check1();

document.write('<br>인자 있는 함수 호출 ================<br>');

//인자 전달하여 함수 호출

function check2(msg){

document.write(msg + '() 좋아합니다.<br>');

}

//함수 호출

check2('사과');

document.write('<br>인자 있는 함수 호출하여 연산된 반환 ================<br>');

function check3(num){

return num * num;

}

//함수 호출

var number = check3(10);

document.write('number = ' + number + '<br>');

//익명 함수: 함수명이 없으며 함수를 변수명인 처럼 사용하는 기법

document.write('<br>익명 함수 ================<br>');

var fruit1 = function (){

document.write('과일을 좋아합니다~<br>');

};

//함수 호출

fruit1();

document.write('<br>익명 함수 매개변수 대입 ================<br>');

var fruit2 = function(item){

document.write(item + ' 너무 좋아합니다~<br>');

};

//함수 호출

fruit2('파인애플');

document.write('<br>익명 함수 매개변수 전달 반환되는 출력 ================<br>');

var fruit3 = function(x, y){

return x + y;

};

//함수호출

var result = fruit3(3, 7);

document.write('result = ' + result +'<br>');

   

   

</script>

</head>

<body>

</body>

</html>

   

출처: <https://github.com/10zeroone/study_javascript/blob/master/WebContent/ch04-function/01.html>

   

   

Posted by codedragon codedragon

댓글을 달아 주세요