JavaScript(3)

함수

  • 함수는 하나의 기능을 의미함.
  • 함수의 구조
    • function : 함수를 선언한다는 것을 알리기 위함.
    • 함수이름 : 함수를 사용할 때 써야 하는 이름.
    • 매개변수 : 함수를 시행시 사용되는 값들을 매개변수라고함.
    • 명령문 : 함수 실행시 실제로 작동 되는 부분.


함수 선언방법

 

  • 함수 선언식 : 일반적인 방식으로 함수를 선언하는 방법을 의미함.
  • 함수 표현식 : 선언된 함수를 하나의 참조변수에 대입을 하게 됨으로써 참조변수로 함수를 사용함. 
    • 해당 표현식의 함수를 익명함수라고 표현함.
    • 함수선언식의 기명함수는 호이으팅의 영향을 받는 반면에 함수 표현식의 익명함수는 호이스팅의 영향을 받지 않는다.
  • 화살표 함수(실무함수) : Java의 람다식을 이용한 방식으로 간단하게 표현이가능하여 많이 사용됨.
  • 매개변수(parameter)와 리턴값(return)은 필수 값이 아니므로 요구함에 따라 작성을 하면됨.

 


내장함수

 

  • 자바스크립트가 함수 선언을 미리 해둔것을 호출만으로 사용을 하는 방식
  • 가장 많이 사용하는 함수는 아래와 같다.
    • alert : 메세지를 지정할 수 있는 경고 대화 상자를 띄움
    • setTimeout : 시간 지연함수로 입력시간이 만료된 후 함수나 지정한 코드를 실행
    • setInterval : 시간 반복함수로 입력한 시간만다 함수를 반복적으로 호출하거나 코드를 실행.
// setTimeout 예제
console.log("로딩을 시작합니다.")
setTimeout(function(){
		console.log("로딩 완료.")                        // 로딩을 시작합니다.
}, 3000)                                           // 로딩 완료.

// setInterval 예제
setInterval(function(){
		const now = new Date()
		const minutes = now.getMinutes()
		const seconds = now.getSeconds()

		console.log(minutes + "분" + seconds + "초")         // 16분 11초
                                                        // 16분 12초
}, 1000)                                                // 16분 13초
                                                        // 16분 14초
																									      //	  ...

 

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

JavaScript) Promise 와 예제  (0) 2023.09.13
LocalStorage, SessionStorage  (0) 2023.01.24
Script 태그 선언 위치에 따른 오류들  (0) 2023.01.12
JavaScript (2)  (1) 2022.12.18
JavaScript(1)  (0) 2022.12.17