javascript - 通过将它们的方法包装在一起，Typescript 类对象的性能是否会变慢？

Question

我可能是错的，但通过查看 typescripts playground，我注意到他们将类的方法与对象变量包装在一起，感觉每次我调用新对象时它可能会降低性能。

例如类的 Typescript Playground 输出

var FatObject = (function () {
   function FatObject(thing) {
       this.objectProperty = 'string';
       this.anotherProp = thing;
   }
   FatObject.prototype.someMassivMethod = function () {
       //many lines of code 
       //...
       //...
       //...
       //.......................
    };
   return FatObject;
}());

var thing = 'example';
var objOne = new FatObject(thing);
var objTwo = new FatObject(thing);
var objThree = new FatObject(thing);
var objFour = new FatObject(thing);

我觉得如果我写大量的方法，每次我从类中创建一个新对象时，我也会编译这些大量的方法。

而不是在创建新对象时在函数名称之外声明方法。

例如老办法:​​

function ThinObj(thing) {
    this.anotherProp = thing;
    this.objectProperty = 'string';
}

ThinObj.prototype.someMassivMethod = function() {
    //many lines of code 
    //...
    //...
    //...
    //..................
}

const thing = 'example'
let objOne = new ThinObj(thing);
let objTwo = new ThinObj(thing);
let objThree = new ThinObj(thing);
let objFour = new ThinObj(thing);

谁能澄清一下:

答:我在 typescript 示例中将 4 种类型的函数加载到内存中(或者由于使用原型(prototype)而覆盖它们 - 我对原型(prototype)的理解仍然不稳定)。

B:如果 Typescript 将这些方法包装在一起会产生更多的编译器工作？

谢谢

Answer 1

闭包仅在创建类本身时执行。这被称为立即调用的函数表达式 (IIFE)，可以在函数关闭 } 后通过特征 ()) 或 )() 识别.

这意味着它只执行一次，因此您不必担心它的性能(总的来说，函数比人们想象的要便宜)。

此外，这种类生成模式是常见且惯用的，因为它将类的定义封装在单个表达式中。

重要的是，还需要正确转译不是 TypeScript 功能而是 ECMAScript 功能的类。根据 ES2015 规范(添加类功能的标准)，类定义不会被提升，但函数定义一直是，所以正确的翻译确实是将 IIFE 结果分配给 var。

用代码来说明这一点:

console.log(ThinObj);
// Does not cause an error and thus violates the specification for ES2015 classes
var t = new ThinObj('thing'); // Succeeds because function is hoisted

function ThinObj(thing) {
  this.thing = thing;
}

对比

console.log(ThinObj);
// Causes an error and therefore complies with the specification for ES2015 classes
var t = new ThinObj('thing'); // Fails because var is `undefined` before initialization

var ThinObj = (function ThinObj() {
  function ThinObj(thing) {
    this.thing = thing;
  }
  return ThinObj;
}());