为何常规JavaScript函数需保留function关键字？设计考量是什么？

一、常规函数必须用function关键字的原因与Ecma的设计考量 #

• 消除语法歧义：仅靠{}无法让解析器区分函数声明和普通代码块（比如if/for的执行块、块级作用域的变量包裹块）。JavaScript语法灵活松散，这种模糊性会直接导致解析逻辑混乱，引发不可预期的错误。
• 历史兼容与语法稳定性：早期JavaScript就将function作为函数声明的核心标识，后续版本迭代必须兼容海量现有代码。如果贸然允许省略关键字，旧有脚本的解析逻辑会被破坏，引发大范围兼容性问题。
• 适配变量提升机制：常规函数声明存在变量提升特性，解析器需要通过function关键字在预编译阶段提前识别并处理函数。没有这个标识，解析器无法区分普通变量和函数，变量提升的核心逻辑会失效。

二、为何对象内部可省略function关键字，外部不行？ #

对象内部的方法简写（比如你给出的示例）是ES6新增的对象字面量语法糖，它是特定作用域下的语法扩展：

const person = {
  name: "Taylor",
  sayHello() { // 对象方法的简写语法
    return `Hello! My name is ${this.name}.`;
  }
};

这种写法不会产生歧义，因为它处于对象的键值对结构中，解析器能明确判断这是一个方法定义。

而在全局或函数作用域下，如果允许sayHello() {}这类写法，会被解析成sayHello()函数调用加上一个空代码块{}，而非函数声明。这种语法冲突无法通过现有解析逻辑解决，因此Ecma没有将该简写扩展到对象外部的作用域。

三、关于箭头函数的补充 #

你提到箭头函数没有变量提升，是因为箭头函数本质是函数表达式，而非函数声明。它依赖=>作为标识，和常规函数声明的语法逻辑完全独立，不存在省略关键字的需求，也不会和现有语法产生冲突。

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