Javascript 页面上的小部件代码相同

我正在使用jQuery创建一个小部件。它是一个图表小部件，通过ajax与服务器（PHP）通信以更新图表

我的问题是，我需要在同一个页面上有两个小部件，而不需要一个覆盖另一个。

---

如何封装javascript代码而不使用相同的代码两次，也不为每个图表控件、更新按钮等定义单独的事件？

如果您将功能封装到一个类中，然后将该类实例化为两个不同的变量，您应该具有所需的所有分离

var chart_one = new myChart(x,y,z);
var chart_two = new myChart(a,b,c);

chart_one.display();
chart_two.display();

---

包含一个很好的javascript类教程。

如果您将功能封装到一个类中，然后将该类实例化为两个不同的变量，那么您应该具有所需的所有分离

var chart_one = new myChart(x,y,z);
var chart_two = new myChart(a,b,c);

chart_one.display();
chart_two.display();

---

包含一个很好的javascript类教程。

如果您有代码示例，它将帮助我们帮助您…如果您有代码示例，它将帮助我们帮助您…我使用的javascript对象表示法如下：var chart={init:function（）{doStuff（）；}}}我使用的javascript对象表示法如下：var chart={init:function（）{doStuff（）；}