함수 선언 vs 표현식 vs 화살표

핵심 개념

함수 선언식은 호이스팅되어 선언 전에 호출 가능합니다. 함수 표현식은 변수에 할당되며 호이스팅 안됩니다. 화살표 함수는 this 바인딩이 없고 arguments 객체가 없습니다. 콜백, 메서드, 생성자 각 상황에 맞는 함수 형태가 있습니다. 각 함수 정의를 지우며 차이를 확인하십시오.

코드 분석

JS📋 코드 (14줄)

function declaration(name) {
    return '[DECLARATION] TARGET: ' + name;
  }

  const expression = function(name) {
    return '[EXPRESSION] TARGET: ' + name;
  };

  const arrow = (name) => '[ARROW] TARGET: ' + name;

  document.write('<div style="color:#10b981;margin-bottom:8px;">FUNCTION ANALYSIS</div>');
  document.write('<div style="margin-bottom:4px;color:#e8e8e8;">' + declaration('SKYNET') + '</div>');
  document.write('<div style="margin-bottom:4px;color:#e8e8e8;">' + expression('T-800') + '</div>');
  document.write('<div style="color:#e8e8e8;">' + arrow('CYBERDYNE') + '</div>');

AI 프롬프트

🤖 AI에게 잘 물어보는 법 — 모델·전략별 프롬프트

Claude

무료: Sonnet 4.6 / Pro $20/mo: Opus 4.6

이 JS '함수 선언 vs 표현식 vs 화살표' 코드의 잠재적 버그와
메모리 누수·this 바인딩·비동기 경합 위험을
분석해서 프로덕션 수준으로 개선해줘.

ChatGPT

무료: GPT-5.5 / Plus $20/mo: GPT-5.5 Pro

'함수 선언 vs 표현식 vs 화살표'를 실제 서비스에서 어떻게 쓰는지
구체적 사례 3개와 복사 가능한 코드를
초보자가 이해할 수 있게 보여줘.

Gemini

무료: 2.5 Flash / Pro $19.99/mo: 3.1 Pro

이 JS '함수 선언 vs 표현식 vs 화살표' 관련 코드 전체의 실행 흐름을 분석하고
성능 병목과 최적화 방안을 우선순위로 알려줘.

Grok

무료: Grok 4.1 / SuperGrok $30/mo

'함수 선언 vs 표현식 vs 화살표'에서 개발자들이 가장 많이 하는
실수 Top 3을 솔직하게 알려주고
2026년 권장 패턴을 함께 알려줘.

⭐ 이것만 기억하세요

함수 선언 vs 표현식 vs 화살표는 이 3가지만 확실히 잡으세요

1.함수 선언과 표현식의 호이스팅 차이를 모르면 코드 위치에 따라 함수가 작동하거나 안 하는 이유를 파악할 수 없습니다

2.함수 선언문은 호이스팅되고, 함수 표현식은 안 되며, 화살표 함수는 자체 this를 갖지 않아서 콜백에 적합합니다

3.다음 챕터에서 함수 안에서 흐름을 분기하는 조건문을 배웁니다

💬 이 챕터 질문 보기

JS · CH.7 — 질문하거나 답변을 확인하세요

→

진행도 7 / 34

← 커리큘럼으로 ← 목록으로 (JavaScript)