js 关于性能的数据存储

1.JavaScript中四种基本数据存取位置：字面量，本地变量，数组元素，对象成员。（四个都是存在于内存中）

一般来说：[字面量,局部变量]运行速度>[数组,对象成员]

2.内部属性包含了一个函数被创建的作用域中对象的集合。这个集合被称为作用域链。（跨作用域频繁取数据会消耗性能）

function(){
     var a ={b:123}
     function(){
         let c = a.b;
         let d = a.b;     // 应该 let d = c;
    }
}    

3.内存泄露的几种情况

• 循环引用
• Javascript闭包
• DOM插入顺序

一个DOM对象被一个Javascript对象引用，与此同时又引用同一个或其它的Javascript对象，这个DOM对象可能会引发内存泄漏。这个DOM对象的引用将不会在脚本停止的时候被垃圾回收器回收。要想破坏循环引用，引用DOM元素的对象或DOM对象的引用需要被赋值为null。

总结

• JS的内存泄露，无怪乎就是从DOM中remove了元素，但是依然有变量或者对象引用了该DOM对象。然后内存中无法删除。使得浏览器的内存占用居高不下。这种内存占用，随着浏览器的刷新，会自动释放。
• 而另外一种情况，就是循环引用，一个DOM对象和JS对象之间互相引用，这样造成的情况更严重一些，即使刷新，内存也不会减少。这就是严格意义上说的内存泄露了。