Javascript - 不能實例化同一對象的多個實例

Question

我想實例化同一對象的多個實例。第一個實例工作正常，但是當我嘗試初始化另一個對象，我得到這個錯誤，

Uncaught TypeError: Object #<draw> has no method 'width'

這裏是fiddle，這裏是我的代碼：

function halo() { 
    var width = 720, // default width 
     height = 80; // default height 

    function draw() { 
    // main code 
    console.log("MAIN"); 
    } 

    draw.width = function(value) { 
    if (!arguments.length) return width; 
    width = value; 
    return draw; 
    }; 

    draw.height = function(value) { 
    if (!arguments.length) return height; 
    height = value; 
    return draw; 
    }; 

    return draw; 
} 

var halo = new halo(); 
halo.width(500); 

var halo2 = new halo(); 
halo2.width(300); 

綜上所述，我的目標是實例化同一個「類」的多個實例。

Answer 1

您正在重新定義halo cunstructor：

var halo = new halo(); // <-- change variable name to halo1 
halo.width(500); 

var halo2 = new halo(); 
halo2.width(300); 

修正版本：http://jsfiddle.net/GB4JM/1/

Answer 2

我建議結構性的東西多一點這樣的：

Halo = (function() { 
    function Halo(width, height) { 
    this.width = width || 720; // Default width 
    this.height = height || 80; // Default height 
    } 

    Halo.prototype = { 
    draw: function() { 
     // Do something with this.width and this.height 
    } 
    }; 

    return Halo; 
})(); 

var halo = new Halo(500, 100); 
halo.draw(); 

var halo2 = new Halo(300, 100); 
halo2.draw();