如何从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');