728x90
반응형

toString()

toString()

객체명.toString()		  
- 해당 객체를 String자료형으로 변환하면서 문자열로 출력해주세요

function myFunction(a, b) {
        return a * b;
      }
 
      var str = myFunction.toString();
//함수를 String으로 객체화함.
      // 선언적 함수를 변수로 받는 방법
      str = myFunction;
      document.write(str(5, 4));
  
07
toString()
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Document</title>
    <style>
      div {
        border: 1px solid#000;
      }
      #outDiv {
        border: none;
        padding-left: 50px;
      }
    </style>
  </head>
  <body>
    <h2>toString()함수</h2>
    <p>자바스크립트의 toString()함수는 함수를 문자열로 반환합니다.</p>

    <p id="demo"></p>

    <script>
      function myFunction(a, b) {
        return a * b;
      }
      // 객체명.toString() :
      // 해당 객체를 string자료형으로 변환하면서 문자열로 출력해주세요.
      var str = myFunction.toString(); //함수를 string으로 객체화함.
      document.getElementById("demo").innerHTML =
        "<div><h2>&nbsp;myFunction() 함수 정의</h2><hr><div id ='outDiv'><pre><br>" +
        str +"<br><br></pre></div></div>";

      // 선언적 함수를 변수로 받는 방법
      str = myFunction;
      document.write(str(5, 4));
    </script>
  </body>
</html>​

 

arrow()

  
- java의 람다식과 유사
- 화살표 함수는 한 줄 실행문인 경우만 return, {} 생략가능
 const x = (x, y) => x * y; //축약한 익명함수
 document.getElementById("demo").innerHTML = "x(5, 5)호출값은: " + x(5, 5);

- arguments객체 사용 불가		  
arrow()
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>Arrow() 함수</title>
  </head>
  <body>
    <h2>Arrow() 함수</h2>
    <p>- function키워드, return키워드 및 중괄호( {} )를 입력할 필요가 없다.</p>
    <p>- IE11이전 버전에서는 지원되지 않는다.</p>
    <p id="demo"></p>
    <p id="demo2"></p>

    <script>
          // 자바의 람다식과 유사
          // 화살표 함수는 한 줄 실행문인 경우만 return생략가능, {}괄호 생략가능

          // cost x = function(x, y) {return x * y;} ;를 축약한 형식이다.
          // function x(x, y) { return x * y}

          const x = (x, y) => x * y; //축약한 익명함수
          document.getElementById("demo").innerHTML = "x(5, 5)호출값은: " + x(5, 5);

          const y = () => 50 % 3;
          document.getElementById("demo2").innerHTML = "y()호출값은: " + y();

          const z = () => {
              //arrow함수에서는 arguments객체 사용 불가
              console.log(arguments[0]);
             document.write('z함수 실행 ');
             return 5;
            }
            document.writhe(z(5));
    </script>
  </body>
</html>

 

 

블록변수, 전역함수, 지역함수
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <title>함수에 의한 변수의 범위</title>
    <script>
      var vr = 10;
      {
        var vr = 25;
        document.write("블록변수 vr값: " + vr + "<br>"); //25
      }
      document.write("전역함수 vr값: " + vr + "<br>"); //25

      var vari = 10;
      function fnc() {
        vari = 25;
        document.write("지역함수 vari값: " + vari + "<br>"); 
        return vari;
      }
      document.write("전역함수 vari값: " + vari + "<br>"); //10
      fnc(); //25
      document.write("전역함수 vari값: " + vari + "<br>"); //25
    </script>
  </head>
  <body></body>
</html>​

 

728x90
반응형
저작자표시 비영리 변경금지

'[JS]' 카테고리의 다른 글

[JS] 즉시실행함수, preventDefault, addEventListener  (0) 2024.02.29
[JS] function - object자료형, event handler(onload,onchange,onclink,onsubmit)  (0) 2024.02.28
[JS] function2, arguments  (0) 2024.02.28
[JS] function1  (0) 2024.02.28
[JS] array  (0) 2024.02.27

+ Recent posts

티스토리툴바