为何全局声明的箭头函数在其他函数内调用时提示‘is not defined’？

这个问题的核心其实是函数声明和箭头函数（函数表达式）的作用域提升规则差异，我给你拆解清楚：

1. 普通函数（Function 1）的“特权”：函数声明提升 #

普通函数用function Function1() {}这种语法声明时，JavaScript引擎会把整个函数声明提升到当前作用域的最顶部——不管你把Function1写在代码的哪个位置（哪怕是在调用它的isItAPalindrome函数之后），在全局作用域内的任何地方都能直接调用它。

举个例子：

function isItAPalindrome() {
  Function1(); // 正常运行，因为Function1被提升了
}

function Function1() {
  console.log("我是普通函数");
}

哪怕Function1的声明在isItAPalindrome之后，引擎在执行代码前已经把Function1的定义放到了全局作用域顶部，所以调用完全没问题。

2. 箭头函数（Function 2）的本质：变量赋值，而非函数声明 #

箭头函数const Function2 = () => {}本质是把一个函数表达式赋值给了变量Function2，它的行为完全遵循变量声明的规则，而不是函数声明的规则。这里分两种情况看：

情况一：用let/const声明全局箭头函数（你遇到的报错场景） #

如果你用let或const声明全局的Function2，比如：

function isItAPalindrome() {
  Function2(); // 报错：ReferenceError: Function2 is not defined
}

const Function2 = () => {
  console.log("我是箭头函数");
};

这时候会触发暂时性死区（TDZ）：let和const声明的变量会被提升，但在变量完成初始化（也就是赋值箭头函数的那行代码执行前），访问这个变量会直接抛出ReferenceError。isItAPalindrome调用Function2时，全局的Function2还没完成初始化，处于暂时性死区，所以会报错。

情况二：把箭头函数放在isItAPalindrome内部 #

当你把Function2移到函数内部时，比如：

function isItAPalindrome() {
  const Function2 = () => {
    console.log("我是内部箭头函数");
  };
  Function2(); // 正常运行
}

这时候函数执行到调用Function2之前，已经完成了变量的初始化（箭头函数已经赋值给Function2），所以调用时变量已经是有效的函数了，自然不会报错。

补充：如果用var声明箭头函数会怎样？ #

要是你用var Function2 = () => {}，不会报“is not defined”，但会报“is not a function”——因为var会提升变量名并初始化为undefined，调用时Function2是undefined，不是函数。不过现在一般不推荐用var，所以你遇到的应该是let/const的场景。

总结一下 #

• 普通函数声明会被完整提升，所以全局声明的Function1在任何位置都能被调用；
• 箭头函数是变量赋值，遵循变量声明规则：用let/const时存在暂时性死区，在初始化前调用会报错；移到函数内部时，调用前已经完成初始化，所以正常运行。

内容的提问来源于stack exchange，提问作者user5647292