如何优化我的javascript对象

How can I optimize my javascript object?

本文关键字：我的 javascript 对象 优化 何优化      更新时间：2023-09-26

大家好
如何更好地优化我的js对象。。正如你所看到的，有很多重复，我想找到更好的方法来写这个对象。我是JS的新手，这就是为什么这么愚蠢的问题。提前谢谢。

//field odject
var $field = $("#field");
var field = {
    width: $field.width(),
    offsetTop: $field.offset().top,
    offsetLeft: $field.offset().left,
    offsetRight: $field.offset().left + $field.width(),
    offsetBottom: $field.offset().top + $field.height()
};

我猜你在问如何在构造这个对象时不进行这么多方法调用？

你可以只使用一些变量来缓存你多次使用的值：

var $field = $("#field");
var width = $field.width();
var offset = $field.offset();
var top = offset.top;
var left = offset.left;
var field = {
    width: width,
    offsetTop: top,
    offsetLeft: left,
    offsetRight: left + width,
    offsetBottom: top + $field.height()
};

function field($sel){
     //field odject
     var $field = $($sel);
     var offset = $field.offset();
     var field = {
         width: $field.width(),
         offsetTop:offset.top,
         offsetLeft: offset.left,
         offsetRight: offset.left + $field.width(),
         offsetBottom: offset.top + $field.height()
     };
     return field;
}

您可以通过创建构造函数来扩展您的功能，并从函数中返回对象。

相关文章：