선언과 표현식 비교, 화살표 함수 기초

소개

함수 선언

// Function declaration
// Can be called before or after its definition (hoisted)
console.log(greet("Ayla"));

function greet(name) {
  return "Hello, " + name + "!";
}

console.log(greet("Coder"));

함수 표현식

// Function expression
// Assigned to a variable; not callable before this line
const add = function (a, b) {
  return a + b;
};

console.log("Sum:", add(2, 3));

화살표 함수 기초

// Arrow function basics
// Short, expression-friendly syntax
const double = (n) => {
  return n * 2;
};

const square = n => n * 2; // simple one-liner for demo

console.log(double(4));
console.log(square(4));

형식 선택

// Pick the simplest form for clarity
// Use declarations for top-level named utilities
function toTitle(name) {
  return "Title: " + name;
}

// Use arrows for tiny inline helpers
const shout = text => text.toUpperCase();

console.log(toTitle("Intro"));
console.log(shout("hello"));

초보자를 위한 팁

끌어올림 퀴즈

복습