2016-02-25 77 views
0

一直負責創建選取框樣式滑塊,但具有一些較重的功能。創建JavaScript自定義應用程序的新實例

我有一些代碼嘲笑起來:

var $app = { 
    slider = { 
     init: function() { 
      // run slider 
     } 
    } 
} 

$app.slider.init(); 

這工作,但我還需要運行在同一時間這種「滑塊」插件的另一個版本,而不會覆蓋我裏面等創建變量

我雖然通過添加例如

init: function() { 
    // after a certain requirement is met 
    $app.slider.init(); 
} 

我認爲這將創建另一個實例按說,但似乎只是重新初始化我目前使用的。有了我所擁有的代碼結構,無論如何要運行滑塊「插件」的新實例?

回答

1

您可以使用構造函數來創建對象的新實例。

var $app = { 
    slider: function(){ 
     this.init = function() { 
      // run slider 
     } 
    } 
} 

用法:

var slider1 = new $app.slider(); 
slider1.init(); 

var slider2 = new $app.slider(); 
slider2.init(); 

也爲企業節省內存,你可以把初始化函數在構造函數的原型。

$app.slider.prototype = { 
    init: function() { 
     // run slider 
    } 
} 
相關問題