고슴맨쉬
망치와 공(空)
고슴맨쉬
  • 분류 전체보기 (155)
    • 💡 UXUI (4)
      • UXUI (2)
      • UI (2)
      • UX (0)
    • 🟨 JavaScript (66)
      • 개념 (42)
      • 정리 (2)
      • 문제풀기 (프로그래머스, 코딩애플) (15)
      • 응용하여 자동화or문제해결하기 (2)
      • 기타 (5)
    • ⚛️ React (49)
      • 개념 (27)
      • 개념(Redux) (3)
      • 정리 (4)
      • 문제풀기 (코딩애플: React) (15)
    • 📘 TypeScript (10)
      • 개념 (8)
      • 문제풀기 (코딩애플) (2)
    • 🌐 HTML,CSS (18)
      • 실무에서 자주 발생한 오류들 (10)
      • 뒤늦게 알아서 뼈아픈 유용한 CSS (6)
      • 기타 자주 쓰는 CSS (2)
    • 💻 CS (8)
      • CS (5)
      • 정규표현식 (2)
      • Git,Github (1)

태그

  • useEffect
  • 삼항연산자
  • CSS
  • Props
  • 코딩애플
  • axios
  • JavaScript
  • array
  • 프로그래머스
  • Ajax
  • class
  • json
  • 오류
  • redux
  • TypeScript
  • react
  • object
  • CS
  • state
  • UXUI
전체 방문자
오늘
어제
hELLO · Designed By 정상우.
고슴맨쉬

망치와 공(空)

🟨 JavaScript/개념

[코딩앙마] 함수선언문과 함수표현식, 그리고 화살표함수 (추가)

2022. 4. 14. 14:15

함수선언문 (Function declaration)

function goodCoder(){
  console.log('Hello World');
}

어디서든 호출가능하도록 호이스팅된다.

함수표현식 (Function expression)

let goodCoder = function(){
  console.log('Hello World');
}

코드에 도달하면 생성된다.


함수선언문과 함수표현식의 차이점?

함수표현식은 할당된 다음부터 호출이 가능한 반면, 함수선언문은 호이스팅이 되어서 선언되기 이전에도 호출이 가능하다.


화살표함수 3단변신

여기 함수표현식이 있다.

let goodCoder = function(code1,code2){
  return code1 + code2;
}

여기서 funtion이 빠지고 매개변수 뒤에 화살표가 붙을 수 있다.

let goodCoder = (code1,code2) => {
  return code1 + code2;
}

여기서 return문은 return이 빠지고 괄호로 바꿀 수 있다.

let goodCoder = (code1,code2) => (
  code1 + code2;
)

코드가 한줄이면 괄호도 생략이 가능하다.

let goodCoder = (code1,code2) => code1 + code2;

출처 : 코딩앙마 https://www.youtube.com/@codingangma

저작자표시 비영리 동일조건 (새창열림)

'🟨 JavaScript > 개념' 카테고리의 다른 글

[코딩앙마 외] 객체 리터럴과 객체 접근법, 그리고 생성자 함수  (0) 2022.04.14
[코딩앙마 외] 객체(Object)와 프로퍼티(property)  (0) 2022.04.14
[드림코딩/코딩앙마] scope와 hoisting, 그리고 TDZ (추가)  (0) 2022.04.14
[드림코딩/코딩앙마] strict모드와 var/let/const  (0) 2022.04.14
[드림코딩] html에 js를 링크하는 여러가지 방법들  (0) 2022.04.14
    '🟨 JavaScript/개념' 카테고리의 다른 글
    • [코딩앙마 외] 객체 리터럴과 객체 접근법, 그리고 생성자 함수
    • [코딩앙마 외] 객체(Object)와 프로퍼티(property)
    • [드림코딩/코딩앙마] scope와 hoisting, 그리고 TDZ (추가)
    • [드림코딩/코딩앙마] strict모드와 var/let/const
    고슴맨쉬
    고슴맨쉬
    부수되 집착하지 않고, 이해하되 머무르지 않기

    티스토리툴바