创建 JavaScript 自定义应用程序的新实例

Create new instance of javascript custom app

本文关键字：实例 新实例 JavaScript 自定义 应用程序 创建      更新时间：2023-09-26

的任务是创建一个选框样式滑块，但具有一些较重的功能。

我模拟了一些代码：

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

这有效，但我还需要同时运行这个"滑块"插件的另一个版本，而不会覆盖我在它中创建的变量等。

我虽然通过添加例如

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

以为这会按照所说的方式创建另一个实例，但似乎只是重新初始化我当前使用的内容。使用我所拥有的代码结构，无论如何都可以运行滑块"插件"的新实例吗？

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

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
    }
}
相关文章：