为何JavaScript中无法以函数声明形式编写原型函数？

嘿，这个问题问到点子上了！我来给你拆解清楚其中的门道～

首先得搞懂函数声明和函数表达式在JavaScript语法里的本质区别：

• 函数声明的语法规则很严格：它必须是一个独立的语句，而且function后面跟着的必须是一个合法的独立标识符（比如add这种单纯的名字），绝对不能是像SinglyLinkedList.prototype.add这样的「对象属性访问链」。
  你写function SinglyLinkedList.prototype.add(data){}的时候，JavaScript引擎一看到function后面跟着的是一串属性访问的代码，直接就懵了——这不符合函数声明的语法规范，所以直接抛出语法错误。

• 而函数表达式就不一样了：它本质是把一个函数（匿名或者具名）作为「值」赋值给某个变量或对象属性。比如SinglyLinkedList.prototype.add = function(data){}，这是一个标准的赋值语句，右边的函数是表达式的一部分，赋值给左边的原型属性，完全符合JavaScript的语法逻辑，引擎自然能正常解析执行。

举个更直白的例子：你也不能写function window.alert() {}，道理一模一样——window.alert是属性访问，不是合法的函数声明名称。

另外提一句，ES6之后的类语法看起来像是用「类方法声明」的方式加原型方法：

class SinglyLinkedList {
  constructor() {
    this.head = null;
    this.tail = null;
  }
  add(data) {
    console.log(data);
  }
}

但这只是JavaScript提供的语法糖，底层还是在给SinglyLinkedList.prototype添加方法，只是写法更优雅而已，和直接用函数声明给原型加方法不是一回事哦。

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