首頁  >  文章  >  web前端  >  JavaScript實現高效能資料儲存總結

JavaScript實現高效能資料儲存總結

怪我咯
怪我咯原創
2017-03-29 14:41:301227瀏覽

1.JavaScript中四個基本資料存取位置:字面量,本地變數陣列元素,物件成員。

一般來說:[字面量,局部變數]運行速度>[陣列,物件成員]

2.內部屬性包含了一個函數被建立的作用域中物件的集合。這個集合稱為作用域鏈。

3.執行函數->建立執行環境->建立活動物件(即函數運行時變數物件)。

所以多次呼叫同一個函數會導致建立多個執行環境。

4.函數執行過程

每遇到一個變數都會經歷一次標識符解析過程,從哪裡取得或儲存資料。過程搜尋執行環境的作用域鏈。正是這種搜尋過程影響了效能。

5.標識符解析的效能

全域變數總是存在於執行環境作用域的最末端。局部變數是第一順位解析。

經驗法則:如果某個跨作用域的值在函數中被引用一次以上,那麼就把他儲存到局部變數中。

如:

function initUI(){
 var bd=document.body;
 //后面有多次doucument这个全局对象的调用
}
//->优化后
function initUI(){
 var doc=document;
  bd=doc.body;
 //把doucument这个全局对象的引用存储到局部变量doc中
 
}



#6.改變作用域鏈

一般來說,一個執行環境的作用域鏈不會改變的。

f35d6e602fd7d0f0edfa6f7d103c1b57with可以暫時改變作用域鏈

#width用來為物件的所有屬性建立一個變數

function initUI(){
 with(document){
 var bd=body; 
 }
}



当代码执行到with时,执行环境的作用域链被临时改变了。一个新的变量对象呗创建,它包含了参数指定对象的所有属性。这个对象呗推入作用域链的首位,所以这时候所有的局部变量处于的哥第二个作用域链对象中,因此访问代价更高了。

2cc198a1d5eb0d3eb508d858c9f5cbdbtry-catch

try语句发生错误的时候,执行过程会自动跳转到catch中。然后把异常对象推入一个变量对象并置于作用域的首位。

注意:一旦catch子语句执行完毕,作用域链就会返回到之前的状态。

7.闭包引发的性能问题

闭包是JavaScript最强大的特性之一。

由于闭包包含了执行了与环境作用域链相同对象的引用,函数的活动对象不会被销毁,造成更多的内存开销。

关注的性能点:频繁访问跨作用域的标识符时,每次访问都会带来性能损失。

Start:19:41:45 2015-11-21 引用自by Aaron:/content/3493261.html

8.内存泄露

内存泄露是指一块被分配的内存既不能使用,又不能回收,直到浏览器进程结束。在C++中,因为是手动管理内存,内存泄露是经常出现的事情。而现在流行的C#和Java等语言采用了自动垃圾回收方法管理内存,正常使用的情况下几乎不会发生内存泄露。浏览器中也是采用自动垃圾回收方法管理内存,但由于浏览器垃圾回收方法有bug,会产生内存泄露。

内存泄露的几种情况

 循环引用

 Javascript闭包

 DOM插入顺序

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

具体的就深入讨论了,这里的总结

 JS的内存泄露,无怪乎就是从DOM中remove了元素,但是依然有变量或者对象引用了该DOM对象。然后内存中无法删除。使得浏览器的内存占用居高不下。这种内存占用,随着浏览器的刷新,会自动释放。

 而另外一种情况,就是循环引用,一个DOM对象和JS对象之间互相引用,这样造成的情况更严重一些,即使刷新,内存也不会减少。这就是严格意义上说的内存泄露了。



以上是JavaScript實現高效能資料儲存總結的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn