淺談javascript性能-管理內存

時間 2019-12-02

原文原文鏈接

上次說到，javascript腳本到底應該放在哪裏？用什麼用處？javascript

如下2點：java

在Html、Body部分中的JS會在頁面加載的時候執行。即-用戶觸發一個事件的時候執行的腳本。eg:onload事件...
在Html、Head部分中的JS會在被調用的時候執行。即-常被用來生成頁面的內容。

總而言之：將Javascript標識放置<head>...</head>在頭部中間，此時，*.js文件的提早調用；也就是說代碼放在<head>區域載入的時候，就同時載入了代碼，你再<body>區域調用時不須要在加載代碼，速度提升了，當運行很大很複雜的程序時，就能夠看出了。程序員

墨水多了，老是想一股腦倒出來。鎮定一下情緒與思路，仍是想一想，慢慢來唄...chrome

性能篇之-管理內存

先小白一下，一說到內存，這裏說的是堆內存。話說什麼是堆內存？對了，應該這樣解釋一會兒，先說一下計算機的內存分配方式：瀏覽器

1、內存分配方式數據結構

一、全局變量和靜態變量（static變量），是由編譯器自動分配和釋放的，初始化的全局變量和靜態變量放在同一塊內存區中，未初始化的全局變量和靜態變量則放在相鄰的另一塊內存區中。函數

二、棧，是由編譯器自動分配和釋放的，主要是函數體的地址，參數和局部變量，靜態變量不包含其中，操做方式相似於數據結構中的棧。性能

三、堆，是由程序員手動完成申請和釋放的，像malloc和new，程序員沒有手動釋放的話，當程序結束時由系統釋放沒有釋放的空間，其實現方式與數據結構中的堆徹底不一樣，此時的堆的實現方式有些相似於數據結構中的鏈表。操作系統

四、程序代碼區，用於存放程序的二進制代碼的空間。指針

五、文字常量區，像常量字符串等存放在這裏，程序結束後由系統釋放。

綜上：以堆的形式所呈現或者進行分配的內存的方式簡稱堆內存（本身表述，不喜勿噴）

總所周知；chrome瀏覽器的V8引擎意氣風發，大有氣吞山河之勢。在V8中全部的Javascript對象都是由『堆』的進行內存分配工做的，咱們聲明變量時，V8就會在堆內存中分配一部分給變量，若是不夠怎麼辦，繼續問堆內存要啊，這樣，V8就會繼續分配內存，直到達到內存上限。普及一下，V8的堆內存的大小上限，64位操做系統的是1464MB，約1.4GB,而後32位操做系統的上限是732MB，約合0.7GB.相形見絀了吧！

說到正題，管理內存之-解除引用→適用於大多數全局變量和全局對象的屬性，局部變量會在他們離開執行環境時自動被解除引用。

說那麼多還不如舉個例子，eg:

function creatP(name){
  var localP = new Object();
  localP.name = name;
  return localP;          
}
  var globalP = createP("Nick");
  // 手工解除globalP的引用
  globalP = null;

　　注：解除引用的真正做用是讓值脫離執行環境，以便垃圾回收器下次運行時將其回收。

順便說一下，JS基本數據類型的變量存放的是基本數據類型的實際值；而引用類型的變量保存對它的引用，即指針。

基本數據類型（SBUNN）:String、Boolean、Undefined、Number、Null;

引用數據類型（FOA）:Function、Object、Array