تفاوت بین «( ) => { }» و «( ) => ( )» توابع پیکان در JS با 10 مثال

const add = (a, b) => {
  return a + b; // Explicit return
};
console.log(add(2, 3)); // Output: 5

const add = (a, b) => a + b; // Implicit return
console.log(add(2, 3)); // Output: 5

  const greet = (name) => {
    return `Hello, ${name}!`;
  };
  console.log(greet("Alice")); // Output: Hello, Alice!

  const greet = (name) => `Hello, ${name}!`;
  console.log(greet("Alice")); // Output: Hello, Alice!

  const calculateArea = (length, width) => {
    const area = length * width;
    return area;
  };
  console.log(calculateArea(5, 10)); // Output: 50

  // Not suitable for multiline logic
  const calculateArea = (length, width) => length * width;
  console.log(calculateArea(5, 10)); // Output: 50

  const getUser = () => {
    return { name: "Alice", age: 25 };
  };
  console.log(getUser()); // Output: { name: "Alice", age: 25 }

  const getUser = () => ({ name: "Alice", age: 25 });
  console.log(getUser()); // Output: { name: "Alice", age: 25 }

  const square = (x) => {
    x * x; // No return
  };
  console.log(square(4)); // Output: undefined

  const square = (x) => x * x;
  console.log(square(4)); // Output: 16

  const logMessage = (message) => {
    console.log(message);
  };
  logMessage("Hello!"); // Output: Hello!

  // Not suitable for side effects

  const double = (x) => x * 2;
  const addTen = (x) => x + 10;
  console.log(addTen(double(5))); // Output: 20

  const double = (x) => {
    return x * 2;
  };
  const addTen = (x) => {
    return x + 10;
  };
  console.log(addTen(double(5))); // Output: 20

  [1, 2, 3].map((x) => x * 2); // Output: [2, 4, 6]

  [1, 2, 3].map((x) => {
    return x * 2;
  }); // Output: [2, 4, 6]

  const isEven = (num) => (num % 2 === 0 ? "Even" : "Odd");
  console.log(isEven(3)); // Output: Odd

  const isEven = (num) => {
    return num % 2 === 0 ? "Even" : "Odd";
  };
  console.log(isEven(3)); // Output: Odd

  const getNumbers = () => [1, 2, 3];
  console.log(getNumbers()); // Output: [1, 2, 3]

  const getNumbers = () => {
    return [1, 2, 3];
  };
  console.log(getNumbers()); // Output: [1, 2, 3]

  const Hello = () => <h1>Hello, World!</h1>;

  const Hello = () => {
    return <h1>Hello, World!</h1>;
  };