Front-end/JavaScript

JavaScript ( 함수 정리2)

NiceKHJ 2024. 7. 18. 14:58
  1. 함수 선언문 (Function Declaration)
    •     기본 형식 :
      function 함수이름(매개변수){
      // 기능 구현
          return 반환값;
      }
    •     호이스팅이 되어 함수 선언 전에 호출할 수 있다.
  2. 함수 표현식 (Function Expression)
    •     기본 형식:
      let 변수 = function(매개변수){
      // 기능 구현
          return 반환값;
      };
    •     호이스팅되지 않아 선언 후에만 호출 가능합니다.
  3. 화살표 함수 (Arrow Function)
    •     기본 형식:
      const 함수 = (매개변수) => {
      // 기능 구현
          return 반환값;
      };
    •     간결한 문법으로 ' this ' 값을 상속받으며 생성자 함수로 사용할 수 없습니다.
  4. 즉시 실행 함수 (IIFE)
    •     기본 형식:
      (function() {
      // 기능 구현
      })(); 
    •     딱 한 번만 실행되는 함수로 주로 초기화 작업에 사용됩니다.
  5. 콜백 함수 (Callback Function)
    •     다른 함수에 인자로 전달되는 함수로 비동기 작업이나 이벤트 처리 시 주로 사용됩니다.
      function 처리함수(callback) {
           callback();
      }
  6. 중첩 함수 (Nested Function)
    •     함수 내부에 선언된 함수로 외부에서 접근할 수 없습니다.
      function 외부함수(){
         function 내부함수() {
             // 기능 구현
      }
      내부함수();
      }
  7. 기본 매개변수 (Default Parameter)
    •     매개변수에 기본값을 설정할 수 있습니다.
      function 함수(매개변수 = 기본값) {
      // 기능 구현
      return 반환값;
      }
  8. 나머지 매개변수 (Rest Parameter)
    •     전달된 인자의 나머지를 배열로 받을 수 있습니다.
      function 함수(...매개변수){
      // 기능 구현
      return 반환값;
      }
  9. 표준 내장 함수
    • 자주 사용되는 내장 함수들입니다.
      •   setTimeout(콜백함수 , 시간) : 일정 시간 후 콜백 함수 실행
            setTimeout(()=>{
                console.log('1초 후 실행') 
            },1000)
      •   setInterval(콜백함수 , 시간) : 일정 시간마다 콜백 함수 반복 실행
          setInterval(()=>{
                console.log('1초마다 실행') 
            },1000)
      •   parseInt(문자열) : 문자열을 정수로 변환
            let num1 = parseInt('123');
            console.log(num1) // 123 출력

             let num2 = parseInt('123.45');
            console.log(num2) // 123 출력
      •   parseFloat(문자열) : 문자열을 실수로 변환
            let num3 = parseFloat('123.45');
            console.log(num3) // 123.45 출력

            let num4 = parseFloat('123');
            console.log(num4) // 123 출력
      •   isNaN() 함수 
        • 전달된 인자가 숫자인지 검사할 때 사용하는 함수이다.
        • 전달된 인자를 숫자로 형변환 한 후 NaN이면 true , 숫자이면 false를 반환한다.
          let a = 123.123;
          let b = "Not a Number";
          console.log(isNaN(a)) // false
          console.log(isNaN(b)) // true
      •   escape() 함수
        • 알파벳과 숫자 , 특수문자(.,*,@,-,_,+,/)를 제외한 문자를 16진수로 변환하여 반환한다.
        • 쉼표(,) , 세미콜론(;) 같은 특수문자는 쿠기에 저장할 수 없기 때문에 변환하여 저장할 때 사용한다.
        • unescaped() 함수로 되돌릴 수 있다.
          let message = "Hello, World!";
          let escaped = escape(message);
          console.log(escaped); // Hello%2C%20World%21
          console.log(unescape(escaped)); // Hello, World!

'Front-end > JavaScript' 카테고리의 다른 글

자바스크립트 객체  (2) 2024.07.19
객체 지향 프로그래밍  (0) 2024.07.19
JavaScript ( 함수 정리 )  (0) 2024.07.16
JavaScript ( 제어문 )  (0) 2024.07.15
JavaScript ( 연산자 )  (0) 2024.07.15