2021/05/28 자바스크립트

함수

---

함수복습

 

단일 사용함수면 굳이 변수에 담지 말자.

//함수
function sum(x,y) {
  return x+y 
}

//const a = sum(1,2)
console.log(sum(1,2))

 

return 을 만나면 함수가 종료하므로 return 이하의 코드는 실행되지 않는다.

function sum(x,y) {
  return x+y //함수종료
  console.log(x)
}

매개변수를 지정하지 않아도 함수안에서 arguments라는 객체 사용 가능

function sum(x,y) {
  console.log(arguments)
  return 
}

console.log(sum(1,2))
console.log(sum(4,8))

 

 

Arrow 함수(화살표 함수)

const double = function (a) {
  return a * 2
}

const doubleArrow = a => a * 2

const Obj = x=> ({ name: 'kim'}) 
//객체 데이터를 반환할때는 소괄호로 감싸준다

 

즉시실행함수

IIFE (Immediately-Invoked Function Expression)

 

const a = 5

  (function () {
    console.log(a * 2)
  })()

//prac.js:3 Uncaught TypeError: 5 is not a function

 에러가 뜨는 이유는 ?

함수 시작부분을 명확하게 구분하지 못해서 세미콜론을 사용하지 않으면 에러발생 

const a = 5;

//1번 방법
(function () {
  console.log(a * 2)
})()

//2번 방법
(function () {
  console.log(a * 2)
}())

//1번방법:10
//2번방법:10

 

호이스팅 (Hoisting)

함수 선언부가 유효범위 최상단으로 끌어올려지는 현상

const a = 5

double()

function double() {
  console.log(a * 3)
}

//15

 

타이머 함수

setTimeout(함수, 시간): 일정 시간 후 함수 실행

setInterval(함수, 시간): 시간 간격마다 함수 실행

clearTimeout(): 설정된 Timeout 함수를 종료

clearInterval(): 설정된 Interval 함수를 종료

 

콜백(Callback)

함수의 인수로 사용되는 함수