爲什麼TypeScript添加「原型」？

Question

我的打字稿代碼：

export class File { 
    isOpenEnabled() { 
     return false; 
    } 

    openClicked() { 
     debugger; 
    } 
} 

define([], function() { 
    return { 
     handler: new File() 
    }; 
}); 

變成：

define(["require", "exports"], function(require, exports) { 
    var File = (function() { 
     function File() { 
     } 
     File.prototype.isOpenEnabled = function() { 
      return false; 
     }; 

     File.prototype.openClicked = function() { 
      debugger; 
     }; 
     return File; 
    })(); 
    exports.File = File; 

    define([], function() { 
     return { 
      handler: new File() 
     }; 
    }); 
}); 

爲什麼原型的插入？

謝謝 - dave

Answer 1

javascript中的函數是對象。

例如：

function MyClass() { 

    this.MyMethod= function() {}; 
} 

每次創建的MyClass一個新的實例時，也創造了MyMethod一個新的實例。 一個更好的方法是將功能MyMethod增加的MyClass原型：

MyClass.prototype.MyMethod = function(){}; 

這樣無論怎樣的創建MyClass許多情況下，只有一個MyMethod將被創建。

回到您的問題我認爲打字稿正在爲您在File類中定義的方法進行這種優化。

Answer 2

有兩種原因：

• 內存優化（已經由阿爾貝託提及）
• 原型繼承

第二個原因以及所述第一被很好地覆蓋在：http://javascript.crockford.com/inheritance.html