JavaScript

자바스크립트 function

CD2Y 2021. 9. 6.
반응형

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

 

- 자바스크립트 function : 특정 작업

- function name(parameter1, parameter2, parameter3) { } // parameter : 문자, 숫자, 밑줄, $
<p id="f1"></p>
<script>
     function myf(n1, n2) {
          return n1 * n2;
     }
     document.getElementById("f1").innerHTML = myf(8, 9);
</script>

- function 호출
클릭했을 때 이벤트 구현, 자바스크립트 호출, 자동 자체 호출

- function return
스크립트 다음에 코드를 실행하기 위해 return을 사용
return은 연산하며 호출자에게 다시 값을 지정
<p id="r1"></p>
<script>
     var r = myrf(5,4);
     document.getElementById("r1").innerHTML = r;
     function myrf(a, b){
          return a * b
}
</script>

- function : 재사용 가능하여 여러가지 결과를 만든다.
<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>

반응형