Question

我正在创建一个带有一些天文计算的网页，其中涉及用户能够更改日期/时间/纬度/经度/等以及相应重新计算的页面。

我创建了一个对象 - 一个全局对象 - 有许多用于更新这些属性的属性和方法，但现在我对此提出质疑....

当我需要重新计算或将对象持续存储在内存中时，读取页面元素是否更好/更有效。

这是对象定义：

function TIME_OBJ () {

var d = new Date();
//Properties
this.LHour = d.getHours();
this.LMinute = d.getMinutes();
this.LSecond = d.getSeconds();
this.TZone = (d.getTimezoneOffset() / 60) * -1;
this.LDay = d.getDate();
this.LMonth = d.getMonth() + 1;
this.LYear = d.getFullYear();
this.UHours = 0;
this.UMinutes = 0;
this.USeconds = 0;
this.UDay = 0;
this.UMonth = 0;
this.UYear = 0;
this.UTString = "";
this.GSTHour = 0;
this.GSTMinute = 0;
this.GSTSecond = 0;
this.GSTString = "";
this.LSTHour = 0;
this.LSTMinute = 0;
this.LSTSecond = 0;
this.LSTString = "";
this.GDay = 0;
this.GMonth = 0;
this.GYear = 0;
this.GHour = 0;
this.GMinute = 0;
this.GSecond = 0;
this.GString = "";
this.LJD = 0;
this.UJD = 0;
this.LMJD = 0;
this.UMJD = 0;
this.LDoW = 0;
this.UDoW = 0;
this.LDayN = 0;
this.UDayN = 0;
this.LatD = 52;
this.LatM = 0;
this.LatS = 0;
this.LatNS = "S";
this.LatDD = 0;
this.LonD = 0;
this.LonM = 30;
this.LonS = 0;
this.LonEW = "W";
this.LonDD = 0;


//Methods
this.UpdateAll = UpdateAll;
this.UpdateDate = UpdateDate;
this.SetClean = SetTimeClean;
this.GetUT = UpdateUT;
this.GetLJD = UpdateJD;
this.GetUJD = UpdateJD;
this.GetLMJD = UpdateMJD;
this.GetUMJD = UpdateMJD;
this.GetLDoW = UpdateDoW;
this.GetUDoW = UpdateDoW;
this.GetLDayN = UpdateDayN;
this.GetUDayN = UpdateDayN;
this.GetGrDate = UpdateGD;
this.GetGST = UpdateGST;
this.GetLST = UpdateLST;
this.GetDecPos = UpdateDecPos;
this.Dirty = false;

}

因此，如果日期改变，这将影响当地的恒星时间，格林威治时间，世界时间，日出/集合，月出/集合等等。这样，如果我正在读取页面元素，我将不得不进行许多getElementById调用来获取数据，而不是具有已设置属性的全局对象，我只需要在计算完成后页面元素。

欣赏你的想法...... DAZ

P.S。 DOM是页面的正确术语吗？

Answer 1

在内存中保留引用总是比搜索 DOM（页面上的元素）快得多。但是您可以在加载页面期间保留对这些元素的引用，并使用它们。这是遍历DOM以找到昂贵的适当元素。

Answer 2

读取对象的速度要快得多，而不是查询DOM（是的，DOM是正确的:-)），即使使用getElementByID这是最好的查询方式。

另外设计明智这是更好的，因为您可以将对象作为自包含的包传递给另一个函数，而不是让函数重新计算DOM中的值。这也允许您编写面向对象的代码（更整洁，更清晰的代码）。

希望这有帮助。

javascript对象vs阅读文档 - 初学者查询效率

2 个答案: