해결방법 Uncaught SyntaxError: Function statements require a function name

오류 발생 원인

Uncaught SyntaxError: Function statements require a function name 오류 발생원인은 함수의 이름이 없어서 발생한 오류입니다. 만약 함수가 있다면, 어떻게 정의되었는지, 이름확인 및 오타 확인을 해야 합니다.

해결방법

function () {
  return "Domdom's World";
}
// Uncaught SyntaxError: Function statements require a function name

위 코드를 보시면 오류가 발생한 원인을 찾아볼 수 있습니다. 함수에 이름이 없습니다. 만약 익명 함수(anonymous function)를 사용하려고 했다면 아래처럼 작성해야 합니다.

var domdom = function () {
  return "Domdom's World";
};

아니면 정의되자마자 실행되는 함수를 만들고자 하셨다면 아래와 같이 작성을 해주셔야 합니다.

(function () {
  return "Domdom's World";
})();

그럼 문제없이 실행되는 것을 확인하실 수 있습니다. 괄호의 사용법에 예민해질 수밖에 없는 사용법입니다.

추가정보

function Domdom() {
  domdom: function () {
    return "domdomi";
  }
}
// Uncaught SyntaxError: function statement requires a name

function Domdom() {
  domdom: function dom() {
    return "domdomi";
  }
}
// OK

위 코드를 살펴보시면 함수 안에 label을 정의해서 함수를 사용했습니다. 그런데 오류가 발생했습니다. 그럼 어떻게 해결해야 할까요? 함수에 이름을 붙여주면 해결됩니다. 하지만 오타가 제일 많이 발생하는 오류중 하나이기도 합니다.

promise.then(
  function() {
    console.log("hello domdomi");
  });
  function() {
    console.log("bye domdomi");
}
// Uncaught SyntaxError: function statement requires a name

위 코드도 한번 확인해 보도록 하겠습니다. 어디가 문제일까요? }; 을 제일 마지막에 붙여야 하는데 중간에 입력해서 발생한 오류입니다. 세미콜론을 잘못 사용해서 발생한 오류라고 하지 않고, 함수에 이름이 없어서 생긴 오류 라고 합니다. 이런 경우가 없는지 확인하는 센스도 필요합니다. 아래 코드는 위 코드를 정상적으로 수정한 코드입니다.

promise.then(
  function() {
    console.log("hello domdomi");
  },
  function() {
    console.log("bye domdomi");
  }
};