有沒有辦法獲得函數表達式的構造函數名稱？

Question

我在我的代碼中注意到，當我使用函數表達式時，我無法獲取構造函數的名稱。

var X = function() { /* some code*/ }; 
var foo = new X(); 
console.log(foo.constructor.name); // "" 

，但如果我用一個函數聲明，我可以

function X() {/*some code*/} 
var foo = new X(); 
console.log(foo.constructor.name); //"X" 

有沒有辦法讓構造函數的名稱，當我使用功能體現在哪裏？也許有些黑客？

Answer 1

如果您沒有命名，則無法獲取其名稱。

請使用function X() { }，或者接受您無法爲其指定名稱。

您可以自由組合的語法

var Y = function X() { }; 
(new Y).constructor.name; // "X" 

但是，這是不是在一些舊的瀏覽器上簡單地使用function X() { }支持（IE的具體版本）和具有沒有好處。

Answer 2

當您使用函數表達式時，var Func = function() {...}。該函數被分配給Func變量作爲對象引用（函數也是對象）。所以，當你使用new Func()實例化一個實例時，它實際上是類似new (function() {...})，amodymod構造函數。這與可變指標無關。這就是爲什麼你不能得到變量名稱。

或者，您可以使用named function expression，這可能有點不同。

var X = function Func() { /* some code*/ }; 
var foo = new X(); 
console.log(foo.constructor.name); // "Func" 

這是在OOP風格JS中非常常用的。又如：

function Obj() {...} 
Obj.prototype.method = function _method() { ... }; 

一個優勢，這樣做的是，當你調試代碼，在破發點，你可以在調用堆棧看到函數名，而不是「anounymous」。這是kangax文章的一個例子。請注意我突出顯示的差異。