Penjelasan terperinci tentang pembolehubah js, skop dan memori

Nilai jenis asas termasuk: undefined, NUll, Boolean, Number dan String Jenis ini menduduki ruang saiz tetap dalam memori Nilainya disimpan dalam ruang tindanan dan kami mengaksesnya mengikut nilai.

(1) Jenis nilai: nilai angka, nilai Boolean, nol, tidak ditentukan.
(2) Jenis rujukan: objek, tatasusunan, fungsi.

Jika nilai yang diberikan ialah jenis rujukan, ruang mesti diperuntukkan untuk nilai ini dalam ingatan timbunan. Oleh kerana saiz nilai tersebut tidak tetap (objek mempunyai banyak sifat dan kaedah), ia tidak boleh disimpan untuk menyusun memori. Tetapi saiz alamat memori ditetapkan, jadi alamat memori boleh disimpan dalam memori tindanan.

<script type="text/javascript”>
var box = new Object(); //创建一个引用类型
var box = "lee";  //基本类型值是字符串
box.age = 23;  //基本类型值添加属性很怪异，因为只有对象才可以添加属性。
alert(box.age); //不是引用类型，无法输出；
</script>

Salin selepas log masuk

Ringkasnya, memori timbunan menyimpan nilai rujukan, dan memori tindanan menyimpan nilai jenis tetap.

<script type="text/javascript">
  var man = new Object();//man指向了栈内存的空间地址
  man.name = "Jack";
  var man2 = man;//man2获得了man的指向地址

  alert(man2.name);//两个都弹出Jack
  alert(man.name);
</script>

Salin selepas log masuk

Salin nilai pembolehubah

Lihat contoh berikut:

<script type="text/javascript">
  var man = new Object();//man指向了栈内存的空间地址
  man.name = "Jack";
  var man2 = man;//man2获得了man的指向地址

  man2.name = "ming";//因为他们都指向同一个object，同一个name，不管修改谁，大家都修改了
  alert(man2.name);//两个都弹出ming
  alert(man.name);
</script>

Salin selepas log masuk

Ia boleh disimpulkan daripada perkara di atas: Dari segi penyalinan berubah, jenis asas dan jenis rujukan juga berbeza jenis asas menyalin nilai itu sendiri, manakala jenis rujukan menyalin alamat.

Pas parameter

Dalam ECMAScript, semua parameter fungsi diluluskan mengikut nilai,

<script type="text/javascript">
   function box(num){   //按值传递
     num+=10;
     return num;
   }

   var num = 10;
   var result = box(num);
   alert(result); //如果是按引用传递，那么函数里的num会成为类似全局变量，把外面的number替换掉
   alert(num);  //也就是说，最后应该输出20（这里输出10）
</script>

Salin selepas log masuk

Javascript tidak lulus melalui rujukan Jika terdapat rujukan melalui, maka pembolehubah dalam fungsi akan menjadi pembolehubah global dan juga boleh diakses secara luaran. Tetapi ini jelas mustahil.

Persekitaran dan skop pelaksanaan

Persekitaran pelaksanaan ialah salah satu konsep terpenting dalam JavaScript Persekitaran pelaksanaan mentakrifkan kebenaran pembolehubah atau fungsi untuk mengakses data lain.

Persekitaran pelaksanaan global ialah persekitaran pelaksanaan yang paling persisian Dalam pelayar web, persekitaran pelaksanaan global ialah objek tetingkap Oleh itu, semua fungsi pembolehubah global dicipta sebagai sifat dan kaedah tetingkap.

<script type="text/javascript">
   var name = "Jack";      //定义全局变量
   function setName(){
     return "trigkit4";
   }

   alert(window.name);    //全局变量，最外围，属于window属性
   alert(window.setName()); //全局函数，最外围，属于window方法
</script>

Salin selepas log masuk

Apabila kod dalam persekitaran pelaksanaan dilaksanakan, persekitaran dimusnahkan, dan pembolehubah dan fungsi yang disimpan di dalamnya juga dimusnahkan Jika ia adalah persekitaran global, ia tidak akan dimusnahkan sehingga semua program telah dilaksanakan atau laman web telah siap.

Alih keluar pembolehubah setempat var

<script type="text/javascript">
   var name = "Jack";
   function setName(){
     name = "trigkit4";  //去掉var变成了全局变量
   }

   setName();
   alert(name);//弹出trigkit4
</script>

Salin selepas log masuk

Dengan melepasi parameter, ia juga merupakan pembolehubah setempat

<script type="text/javascript">
   var name = "Jack";
   function setName(name){  //通过传参，也是局部变量
     alert(name);
   }

   setName("&#65532;trigkit4");//弹出trigkit4
   alert(name);//弹出Jack
</script>

Salin selepas log masuk

Badan fungsi juga mengandungi fungsi Hanya fungsi ini boleh mengakses lapisan dalam fungsi

<script type="text/javascript">
   var name = "Jack";
   function setName(){
     function setYear(){  //setYear()方法的作用域在setName()内
       return 21;
     }
   }
   alert(setYear());//无法访问，出错 
</script>

Salin selepas log masuk

Boleh diakses melalui kaedah berikut:

<script type="text/javascript">
   var name = "Jack";
   function setName(){
     function setYear(){  //setYear()方法的作用域在setName()内
       return 21;
     }
     return setYear();
   }
   alert(setName()); //弹出21
</script>

Salin selepas log masuk

Contoh skop lain:

<script type="text/javascript">
   var name = "Jack";
   function setName(){
     function setYear(){  //setYear()方法的作用域在setName()内
       var b = "hi";   //变量b的作用域在setYear()内
       return 21;
     }
     alert(b);//无法访问 
   }
</script>

Salin selepas log masuk

Apabila kod dilaksanakan dalam persekitaran, sesuatu yang dipanggil rantaian skop akan terbentuk. Tujuannya adalah untuk memastikan akses teratur kepada pembolehubah dan fungsi yang mempunyai hak akses dalam persekitaran pelaksanaan (merujuk kepada hierarki peraturan untuk mengakses). , hujung hadapan rantai skop ialah objek berubah-ubah persekitaran pelaksanaan.

Skop

Pembolehubah yang tidak diisytiharkan dalam fungsi atau diisytiharkan tanpa var ialah pembolehubah global Ia mempunyai skop global Semua sifat objek tetingkap mempunyai skop global ia boleh diisytiharkan dalam fungsi dan diubah suai dengan var Pembolehubah adalah pembolehubah tempatan dan hanya boleh digunakan dalam badan fungsi Walaupun parameter fungsi tidak menggunakan var, ia masih pembolehubah tempatan.

Tiada skop blok

Tiada skop blok

// if语句：

<script type="text/javascript">
if(true){            //if语句的花括号没有作用域的功能。

var box = "trigkit4";
}
alert(box);//弹出 trigkit4
</script>

Salin selepas log masuk

Perkara yang sama berlaku untuk pernyataan gelung.

Pertanyaan pembolehubah

Dalam pertanyaan pembolehubah, mengakses pembolehubah tempatan adalah lebih pantas daripada pembolehubah global, jadi tidak perlu mencari rantai skop.
Contoh di bawah:

<script type="text/javascript">
   var name = "Jack";
   function setName(){
      var name = "trigkit4";
      return name; //从底层向上搜索变量
  }
  alert(setName());   
</script>

Salin selepas log masuk

Masalah ingatan

Javascript mempunyai mekanisme pengumpulan sampah automatik Setelah data tidak lagi digunakan, ia boleh ditetapkan kepada "null" untuk mengeluarkan rujukan

Rujukan bulat

Contoh yang sangat mudah: objek DOM dirujuk oleh objek Javascript, dan pada masa yang sama ia merujuk objek Javascript yang sama atau objek DOM yang lain ini boleh menyebabkan kebocoran memori. Rujukan kepada objek DOM ini tidak akan dituntut semula oleh pemungut sampah apabila skrip berhenti. Untuk memecahkan kitaran rujukan, objek yang merujuk elemen DOM atau rujukan kepada objek DOM perlu diberikan nol.

Penutupan

Apabila pembolehubah di luar penutupan diperkenalkan dalam penutupan, objek tidak boleh dikumpul sampah (GC) apabila penutupan tamat.

var a = function() {
 var largeStr = new Array(1000000).join('x');
 return function() {
  return largeStr;
 }
}();

Salin selepas log masuk

DOM bocor

Apabila COM asal dialih keluar, rujukan nod anak tidak boleh dikitar semula melainkan ia dialih keluar.

var select = document.querySelector;
var treeRef = select('#tree');

//在COM树中leafRef是treeFre的一个子结点
var leafRef = select('#leaf'); 
var body = select('body');

body.removeChild(treeRef);

//#tree不能被回收入，因为treeRef还在
//解决方法:
treeRef = null;

//tree还不能被回收，因为叶子结果leafRef还在
leafRef = null;

//现在#tree可以被释放了。

Salin selepas log masuk

Pemasa bocor

Pemasa juga merupakan tempat biasa di mana kebocoran memori berlaku:

for (var i = 0; i < 90000; i++) {
 var buggyObject = {
  callAgain: function() {
   var ref = this;
   var val = setTimeout(function() {
    ref.callAgain();
   }, 90000);
  }
 }

 buggyObject.callAgain();
 //虽然你想回收但是timer还在
 buggyObject = null;
}

Salin selepas log masuk

Nyahpepijat Memori

Alat penyahpepijatan memori terbina dalam Chrome boleh menyemak penggunaan memori dan kebocoran memori dengan mudah:
Klik rekod dalam Garis Masa ->