javascript - 页面上相同的小部件代码

Question

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

我的问题是我需要在同一页面上放置 2 个此小部件，而不能覆盖另一个小部件。 如何封装 javascript 代码而不使用两次相同的代码，并且不为每个图表控件、更新按钮等定义单独的事件？

Answer 1

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

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

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

This page包含一个关于 javascript 类的很好的教程。