javascript - 用常量替换字符串来优化 Javascript 代码是否值得？

Question

我经常使用 jquery，有时我的代码包含很多重复的 css 类名，例如:

$('#div1').addClass('funny-class');
...
$('#div2').addClass('funny-class');
...
$('#div1').removeClass('funny-class');

等等...我在问自己是否值得使用像这样的伪常量来清理代码:

var constants = {
    FUNNY: 'funny-class'
}
...
$('#div1').addClass(cnst.FUNNY);
$('#div2').addClass(cnst.FUNNY);
$('#div1').removeClass(cnst.FUNNY);

首先:最小化。如果“constants”是一个局部变量(隐藏在一个范围内)，可能最小化器可以用像“a.B”这样的最小化的东西替换“constants.FUNNY”的出现。

第二:速度。带有“常量”的代码比第一个更快？

你怎么看？

Answer 1

您可以使用 Google 的 closure compiler通过高级优化来识别经常重复的字符串并用常量 变量引用替换它们。但是这种优化是微不足道的；如果你想改进你的代码，你可以通过缓存 jQuery 对象来获得更好的改进(这是一个经常被许多程序员忽视的问题):

var $div1 = $('#div1');
var $div2 = $('#div2');
$div1.addClass('funny-class');
$div2.addClass('funny-class');
$div1.removeClass('funny-class');