JavaScript性能优化6——变量局部化

目录

一、什么是变量局部化

二、实例

结论

---

一、什么是变量局部化

我们的变量分为全局变量和局部的变量，这里的变量局部化是指，我们在写代码的过程中，涉及到变量定义的时候，能够把变量放在局部就把变量放在局部的作用域当中。这样可以提高代码的执行效率，减少了数据访问时需要查找的路径。

二、实例

代码1：使用全局变量

var i,str = ""
function packageDom () {
    for(i=0;i<1000;i++){
        str += i
    }
}
packageDom()

代码2：使用局部变量

function packageDom() {
    let str = ''
    for(let i=0;i<1000;i++){
        str += i
    }
}
packageDom()

 使用JSBench进行代码性能测试，可以看到使用局部变量的方法性能大大提升。

使用全局变量的话每次我们都要从另外一个作用域当中查找str和i的值

而使用局部变量的话，i和str直接就在当前作用域当中。查找和读取速度变快。

结论

对于我们的数据存储和读取，我们希望在作用域链查找上边减少它的访问层级，从而去提高我们的代码执行速度。所以建议把数据直接放在当前执行上下文的同级作用域当中。

参考资料

1.拉勾网 《大前端训练营》课程