function - 자바스크립트

See the Pen by nilgi (@nilgi) on CodePen.

 

 

• 자바스크립트 function : 특정 작업 때 사용.

 

<p id="f1"></p>
<script>
     function myf(n1, n2) {
          return n1 * n2;
     }
     document.getElementById("f1").innerHTML = myf(8, 9);
</script>

 

▲ function name(parameter1, parameter2, parameter3) { } // parameter : 문자, 숫자, 밑줄, $

 

 

• function 호출 : 클릭 이벤트 구현, 자바스크립트 호출, 자동 자체 호출.

 

<p id="r1"></p>
<script>
     var r = myrf(5,4);
     document.getElementById("r1").innerHTML = r;

     function myrf(a, b){
          return a * b
}
</script>

 

▲ function return - 스크립트 다음에 코드를 실행하기 위해 return을 사용. return은 연산하며 호출자에게 다시 값을 지정.

 

<p id="ku"></p>
<script>
     function ktou(u) {
          return (1155 * u);
     }
     document.getElementById("ku").innerHTML = ktou(99);
</script>
<p id="ku2"></p>
<script>
     document.getElementById("ku2").innerHTML = 
     "99달러는" + ktou(99) + "원 입니다.";

     function ktou(u) {
     return (1155 * u);
     }
</script>

 

▲ function 재사용 가능하여 여러 가지 결과를 만든다.

 

<p id="lv1"></p>
<p id="lv2"></p>
<script>
lv();

function lv() {
  let btype = "AB";
  document.getElementById("lv1").innerHTML =
  typeof btype + " " + btype;
}

document.getElementById("lv2").innerHTML =
typeof btype;
</script>

 

▲ 변수는 function 영역에서만 엑세스된다.