Frontend/JavaScript

JavaScript 기본 2

swoody 2024. 9. 11. 17:36
var, let, const로 선언한 변수 비교
구분 var let const
스코프 함수 레벨 블록 레벨 블록 레벨
재할당 가능 가능 불가능
재선언 가능 불가능 불가능

함수 선언하고 호출하기


      function 함수명() {       // 함수 선언하기
        명령
      }
      함수명() 또는 함수명(변수) // 함수 호출하기
    

함수 표현식

  • 익명함수: 이름 없이 선언한 함수
  • 
          function(매개변수) { 명령 }
          
  • 즉시 실행 함수: 함수를 정의하는 것과 동시에 실행
  • 
          (function() { 명령 }());
          (fucntion() { 명령 }(인수));
          
  • 화살표 함수: ES6부터 지원하는 방법으로 화살표 기호(=>) 왼쪽에는 매개변수를, 오른쪽에는 함수를 작성함. 익명 함수일 경우에만 사용할 수 있음
  • 
          (매개변수) => { 함수내용 }
          

이벤트와 이벤트 처리기

  • 이벤트: 키보드에서 키를 누르거나 브라우저가 웹 페이지를 불러오는 것처럼 웹 브라우저나 사용자가 행하는 동작
  • 이벤트 처리기: 웹 문서에서 이벤트가 발생할 때 그 이벤트에 반응해서 실행하는 함수

'Frontend > JavaScript' 카테고리의 다른 글

JavaScript 기본 4  (1) 2024.09.13
JavaScript 기본 3  (0) 2024.09.12
JavaScript 기본 1  (0) 2024.09.10