javascript - 这个 JavaScript 可以优化吗？

Question

这个JS会在有很多字段的页面上执行。你能看出无论如何提高这段代码的速度吗？如果是这样，您能解释一下您发现了什么吗？

var _TextInputs = null;
function GetTextInputs()
{
    if (_TextInputs == null)
    {
        _TextInputs = jq('input[type=text]');
    }

    return _TextInputs;
}

var _Spans = null;
function GetSpans()
{
    if (_Spans == null)
    {
        _Spans = jq('span');
    }

    return _Spans;
}


function UpdateRate(ratefield, name)
{
    GetTextInputs().filter('[' + name + ']').each(function()
    {
        this.value = FormatCurrencyAsString(FormatCurrencyAsFloat(ratefield.value));
        CalculateCharge(name.replace('Rate', ''), jq(this).attr(name));
    });
}

function CalculateCharge(name, activity_id)
{
    var inputs = GetTextInputs();
    var bill_field = inputs.filter('[' + name + 'Bill=' + activity_id + ']');
    var rate_field = inputs.filter('[' + name + 'Rate=' + activity_id + ']');
    var charge_field = GetSpans().filter('[' + name + 'Charge=' + activity_id + ']'); 

    charge_field.text(FormatCurrencyAsString(FormatCurrencyAsFloat(bill_field.val()) * FormatCurrencyAsFloat(rate_field.val())));
}

Answer 1

你可以:

• 将 each 替换为 while
• 将 val() 替换为 .value(只要这些字段是纯文本字段就应该没问题)
• 按类而不是按名称/类型访问元素
• 将 attr() 替换为普通属性访问；例如: this.attr(name) --> this.name

这些都是相当不显眼的更改，应该会加快速度，主要是因为减少了函数调用。

如果这些元素是静态的(即在应用生命周期中未修改)，则不要在每次函数调用时查询元素。相反，将它们存储在循环之外。