如何從Javascript中使用new調用的構造函數返回null？

Question

我試圖讓構造函數中止對象構造，如果失敗了，例如它不能獲得一個畫布。

但是，因爲我使用new我看到klass（）總是返回this，無論返回null或任何其他值，我可以解決此問題返回null嗎？

現在我想到了，一種解決方案可能是在klass（）內創建新實例並返回該實例或爲空，而不是使用new，有沒有更好的解決方案？

function klass(canvas_id) { 
    var canvas = document.getElementById(canvas_id); 

    if(! (canvas && canvas.getContext)) { 
     return null; 
    } 
} 
var instance = new klass('wrong_id'); 
console.log(instance, typeof instance); 

Answer 1

你可以做一個「工廠函數」或「靜態工廠方法」，而不是：

class Foo { 
    static CreateFoo() { 
    if (something) { 
     return null; 
    } 
    return new Foo(); 
    } 
} 

Answer 2

更好的解決辦法是拋出一個錯誤：

function klass(canvas_id) { 
    var canvas = document.getElementById(canvas_id); 

    if(! (canvas && canvas.getContext)) { 
     throw new Error('Not a canvas'); 
    } 
} 

// later... 

try { 
    var c = new klass("canvas_id"); 
} catch(E) { 
    // error caught 
} 

---

編輯：構造函數可以被 「強迫」 有來無回一個實例：

function Foo() { 
    var canvas = ...; 

    if ('undefined' == '' + Foo.CANVAS_CHECK) 
     Foo.CANVAS_CHECK = (canvas && canvas.getContext); 

    if (!Foo.CANVAS_CHECK) 
     return []; // the constructor will actually return an empty array 

    // passed; initialize instance here 
} 


// later on... 

var foo; 

if (!((foo = new Foo()) instanceof Foo)) { 
    // Failed. Canvas is unsupported. 
} 

// You happy now, am not i am? ;-) 

但奇怪的是，如果「構造函數」返回一個數字字符串，即true,false等，它實際上確實是返回一個實例。第二種解決方案僅在構造函數返回空數組[]或空對象{}時才起作用。

Answer 3

您可以使用一個工廠的結合：使用較新的類語法

Foo.CreateFoo = function() { 
    // not to confuse with Foo.prototype. ... 
    if (something) { 
    return null; 
    } 
    return new Foo(); 
}; 

// then instead of new Foo(): 
var obj = Foo.CreateFoo(); 

同樣的事情構造函數使用John Resig's article中描述的技術。例如：

function Person(name) { 
    var me = arguments.callee; 

    if (!(this instanceof me)) { 
     // factory code 

     // validate parameters.... 
     if(!name.match(/^[a-z]+$/)) 
      return null; 

     // ...and call the constructor 
     return new me(arguments); 

    } else { 

     // constructor code 
     this.name = name;  

    } 
} 


a = Person("joe") // ok 
b = Person("bob") // ok 
c = Person("R2D2") // null 

Answer 4

答案是不幸的是，你不能。（原因是這樣的回答：

What values can a constructor return to avoid returning this?

Answer 5

正如我張貼在我上面的評論...

function klass(canvas_id) { 
    var canvas = document.getElementById(canvas_id); 

    if(! (canvas && canvas.getContext)) { 
     return new Boolean; 
    } 
} 

var instance1 = new klass('wrong_id'); 

if(!(instance1 instanceof klass)) 
    console.log('Canvas is not suppored'); 

var instance2 = new klass('wrong_id').valueOf(); 

console.log(instance2, typeof instance2); 

if(instance2 !== false) 
    console.log('Canvas is supported, yeah');