javascript - Bagaimana untuk melaksanakan pembolehubah statik dalam js
天蓬老师
天蓬老师 2017-06-26 10:58:14
0
5
834
<button type="button" onclick="func();">按钮</button>

var i = 0;
func(){
    i += 1;
    console.log(i)
}

Keperluan: Klik pembolehubah butang untuk meningkat sebanyak 1. Cari jalan terbaik untuk mencapainya.
Untuk menambah, terdapat banyak cara untuk mencapainya.

  1. Simpan terus ke dalam pembolehubah global - mencemarkan ruang nama global

  2. Gunakan tatasusunan global untuk menyimpan pembolehubah global apl semasa - tidak mematuhi seni bina semasa

  3. Penutupan - nampaknya tidak menyesuaikan diri dengan adegan semasa (gunakan onclick untuk mencetuskan fungsi)

  4. Dilabuhkan ke dalam elemen html - masih sangat rendah

  5. Menggunakan fungsi tanpa nama yang besar untuk memanjangkan hayat pembolehubah - tidak mematuhi seni bina semasa

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

membalas semua(5)
某草草

Siapa kata penutupan tidak terpakai?

var func = (function(){
var i = 0;
return function(){
    i++;
    console.log(i);
}

}());

Atau anda boleh lakukan ini:

var func = function(){
    func.i++;
    console.log(func.i);
};
func.i = 0;
洪涛

Disimpan dalam atribut nod dom

<button data-click-number="0" type="button" id="incBtn" >按钮</button>
$("#incBtn").on('click',function(){
 var preClickNumber=$(this).attr('data-click-number') ?: 1;
 $(this).attr('data-click-number',preClickNumber++);
});
过去多啦不再A梦

js tidak mempunyai pembolehubah statik. Terdapat hanya pembolehubah tempatan dan pembolehubah global.

<button type="button" onclick="++i">按钮</button>

var i = 0;
大家讲道理

Tidak menggunakan let?

黄舟

Penutupan sangat popular, saya cadangkan anda membaca beberapa buku tentang ungkapan fungsi JavaScript. Ini juga merupakan ciri utama JavaScript

let click = (() => {
    var i = 0;
    return function() {
      i += 1;
      console.log(i)
    }
})()
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan