创建javascript自定义应用的新实例

Question

负责创建一个选框样式滑块，但功能较重。

我有一些代码被嘲笑：

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

$app.slider.init();

这样可行，但我还需要运行此滑块的另一个版本＆＃39;插件同时不覆盖我在其中创建的变量等。

我虽然加入了例如

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

我认为会按照说法创建另一个实例，但似乎只是重新初始化我正在使用的内容。使用我拥有的代码结构，无论如何都要运行滑块的新实例＆＃39;插件＆＃39; ？

Answer 1

您可以使用构造函数来创建对象的新实例。

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

用法：

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

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

另外，为了节省内存，可以将init函数放在构造函数的原型中。

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