7、使用变量保存使用到两次及以上的值

在一个作用域中，使用到两次及以上的值，应该先保存在变量中，再进行使用，可提高代码性能。以下就两点举例：

1）多次使用到的某个Dom元素，先使用变量保存下来，再访问该变量。这能在Dom操作中，极大优化性能；
反例

$('body').popup('尊敬的女士，为您送上专属女生节祝福๑乛◡乛๑');
$('body').popup('尊敬的男士，女神节在即，你准备了什么礼物呢？');
$('body').popup('爱的魔力转圈圈๑乛◡乛๑');

正例

var $body = $('body');
$body.popup('尊敬的女士，为您送上专属女生节祝福๑乛◡乛๑');
$body.popup('尊敬的男士，女神节在即，你准备了什么礼物呢？');
$body.popup('爱的魔力转圈圈๑乛◡乛๑');

2) 引用类型避免不必要的属性查找，多次用到的某属性，应该先保存在变量中，再访问该变量。
反例

var query = window.location.href.substring(window.location.href.indexOf('?'));

6次属性查找

正例

var url = window.location.href,
    query = url.substring(url.indexOf('?'));

4次属性查找，性能更优
一个’.’代表一次查找。