您可以通过函数表达式实现 Javascript 类吗？

Question

我在 leet 代码中解决了这个问题：

实现 MapSum 类：

MapSum() 初始化 MapSum 对象。无效插入（字符串键，int val) 将 key-val 对插入到映射中。如果密钥已经 存在时，原来的键值对会被新的键值对覆盖 一。 int sum(string prefix) 返回所有对值的总和 其键以前缀开头。

在javascript中，解题的模板是：

/**
 * Initialize your data structure here.
 */
var MapSum = function() {

};

/** 
 * @param {string} key 
 * @param {number} val
 * @return {void}
 */
MapSum.prototype.insert = function(key, val) {

};

/** 
 * @param {string} prefix
 * @return {number}
 */
MapSum.prototype.sum = function(prefix) {

};

/** 
 * Your MapSum object will be instantiated and called as such:
 * var obj = new MapSum()
 * obj.insert(key,val)
 * var param_2 = obj.sum(prefix)
 */

我被类模板震惊了。我习惯于看到与此更相似的 javascript 类：

class MapSum {
  constructor() {

  }

  insert(key, value) {

  }

  sum(prefix) {

  }
}

提供的模板 leetcode 是否被视为一个类？这是一个什么样的班级？通过函数表达式 (var MapSum = function() { //....}) 初始化对象时调用什么？ 以这种方式编写课程与我建议的方式最大的区别/影响是什么？

Answer 1

class 关键字实际上只是 prototypal inheritance 的语法糖

这段代码证明了这两种语法是等价的：

class MapSum {
  constructor() {
    
  }
    
  insert(key, value) {
    
  }
    
  sum(prefix) {
    
  }
}

console.log(typeof MapSum); // function (actually the constructor)
console.log(MapSum.prototype.insert); // function
console.log(MapSum.prototype.sum); // function

一个类实际上只是一个构造函数function，它附加了一个名为prototype 的特殊对象。该类的每个实例都有一个指向构造函数原型的内部链接。