如何識別該函數是類構造函數，以及如何將其作爲函數調用？

Question

雖然與function和prototype相比，我們對es2016中的class功能有點困惑，但它的行爲在某些情況下是不同的，特別是 - 類不能被稱爲相同的功能，似乎沒有辦法找出函數是類構造函數還是簡單的函數，而不使用toString和/^class/RegExp。

假設的例子：

class Foo { 
    constructor() { 
     this.name = 'foo'; 
    } 
} 
function Bar() { 
    this.name = 'bar'; 
} 

function doSmth (anyArg) { 
    if (typeof anyArg === 'function') { 
     var obj = { someProp: 'qux' }; 
     anyArg.call(obj); 
     return obj; 
    } 
    // ... 
} 


doSmth(Bar); 
doSmth(Foo); // Class constructor Foo cannot be invoked without 'new' 

是typeof 'function'，但不能把它作爲一個功能！尼斯。

這裏是我的2個問題：

1. 有一些方法我可以調用Foo構造函數一樣Bar與重寫this背景？
2. 有什麼方法可以檢測到anyArg是一個類的構造函數，因此我可以在我的doSmth函數中以不同方式處理它。沒有toString和RegExp（作爲性能損失將是巨大的在這種情況下）。然後，我可以使用Reflect.construct來初始化新實例，並使用Object.assign來擴展我的obj變量與來自實例的值。

謝謝，亞歷克斯

Answer 1

否這兩個問題。

這裏的1.x中如何角檢測類：

function isClass(func) { 
    // IE 9-11 do not support classes and IE9 leaks with the code below. 
    if (msie <= 11 || typeof func !== 'function') { 
    return false; 
    } 
    var result = func.$$ngIsClass; 
    if (!isBoolean(result)) { 
    // Support: Edge 12-13 only 
    // See: https://developer.microsoft.com/en-us/microsoft-edge/platform/issues/6156135/ 
    result = func.$$ngIsClass = /^(?:class\b|constructor\()/.test(stringifyFn(func)); 
    } 
    return result; 
} 

不幸的是，這是最好的解決方案。而且它甚至在Firefox上不起作用。

Answer 2

我不知道的方式做你在你的第一個問題問什麼。

對於第二個問題，您實際上確定了一種方法來自己區分差異。類構造函數和用作構造函數的函數之間的區別之一是前者在使用關鍵字時出現錯誤，而不使用關鍵字new，而後者則不會。

因此，如果我們用一個try/catch，我們可以粗略地做你想要什麼：

class Foo { 
    constructor() { 
     this.name = 'foo'; 
    } 
} 
function Bar() { 
    this.name = 'bar'; 
} 

function doSmth (anyArg) { 
    if (typeof anyArg === 'function') { 
     var obj = { someProp: 'qux' }; 
     try { 
      anyArg.call(obj); 
     } catch(e) { 
      var x = Reflect.construct(anyArg, []); 
      Object.assign(obj, x); 
     } 
     return obj; 
    } 
} 


doSmth(Bar); 
doSmth(Foo); 

要清楚，我並不是說這是一個好主意，好的代碼，或者說，它有你要找的表現，但我想我會指出這種可能性確實存在。

Answer 3

如果您擔心RegEx的性能損失，請使用substring()。如果你仍然關心字符串操作的性能，那麼考慮另一種實際區分函數類型的語言。在JavaScript中，他們都是function。

class Foo { 
 
    constructor() { 
 
    this.name = 'foo'; 
 
    } 
 
} 
 

 
function Bar() { 
 
    this.name = 'bar'; 
 
} 
 

 
function doSmth(anyArg) { 
 
    if (typeof anyArg === 'function') { 
 
    var obj = { 
 
     someProp: 'qux' 
 
    }; 
 
    if (anyArg.toString().substring(0, 5) === 'class') { 
 
     Object.assign(obj, new anyArg()); 
 
    } else { 
 
     anyArg.call(obj); 
 
    } 
 
    return obj; 
 
    } 
 
    // ... 
 
} 
 

 
var bar = doSmth(Bar); 
 
var foo = doSmth(Foo); 
 

 
console.log(bar); 
 
console.log(foo);