모든 함수는 호출(call)를 통해 구현 후, return값을 반환하여 종료함. (JS 내장함수)
⇒ 매개변수가 없는 함수는 return 생략가능
선택자 > 이벤트 > 이벤트핸들러(리스너) > 함수
function 함수명() {
// 구현, 처리, 실행문
// return 반환값; (함수는 return을 만나면 종료)
}
함수 : 미리 정해진 동작을 실행하도록 만든 명령문(메소드) ⇒ 이벤트 설정을 통해 구현
함수의 종류 : 내장함수(브라우저에서 기본제공), 사용자정의 함수, 익명함수, arrow 함수 등
함수 호이스팅 : 함수가 정의(선언)되기 전에 미리 호출하는 것
[JavaScript] 호이스팅(Hoisting)이란 - Heee's Development Blog
즉시실행함수(IIFE) : 함수가 선언과 동시에 실행되는것 ⇒ 페이지 로드시 자동 실행
[Javascript]8. 즉시 실행 함수의 사용법과 주의사항
⇒ window.onload = function(){}
⇒ (function (){})() or (function (){}())
★즉시실행함수의 대상이 되는 모든 문장은 반드시 세미콜론 필수(;)
함수 호출(call) ⇒ 함수명(매개변수);
무명(익명) 함수 ⇒ 이름이 없는 함수 ⇒ 함수표현식 사용, 호이스팅 불가능
이름이 없기 때문에 기명함수처럼 함수명으로 직접호출 불가능 ⇒ 변수에 담아 호출
forEach의 매개변수로 함수를 담을 때 사용 ★★forEach문 ⇒ 객체형 반복문
⇒ 배열.forEach(function(e, i)⇒{})
// 함수표현식
const fn5 = function() {
console.log('익명함수')
}
const fn6 = function(num1,num2) {
console.log('익명함수')
let sum = num1+num2;
alert(sum);
return sum;
}
// 화살표 함수 미적용
const fn7 = function() {
console.log('화살표 함수')
}
// 화살표 함수 적용
const fn8 = ()=>{
console.log('화살표 함수')
}
시간함수 ⇒ 자동 갤러리(애니메이션 기본 함수) 기본 시간단위 : 1/1000초 (ms)
setInterval(함수, 시간) : 함수가 해당 시간이 지날 때마다 반복 실행
⇒ 처음 실행시 해당 시간 뒤에 실행됨 (바로 시작 X)
clearInterval(setInterval함수) : 해당 setInterval함수를 중단
setTimeOut(함수, 시간) : 함수를 해당 시간 경과시 한번만 실행
clearTimeOut(setTimeOut(함수)) : 해당 setTimeOut 함수를 중단
배열함수 ⇒ HTMLCollection,List ⇒ 배열형 객체
let fruits = ['사과', '바나나'] let first = fruits[0]
클래스 함수 ⇒ .classList (클래스를 추가하거나 삭제 )