Tujuh perkara yang perlu diambil perhatian semasa mempelajari JavaScript [mesti dibaca]_Pengetahuan asas

WBOY
Lepaskan: 2016-05-16 15:02:21
asal
1315 orang telah melayarinya

Penerangan pengetahuan:

Apabila mempelajari JavaScript, beri perhatian kepada tujuh butiran berikut untuk menjadikan kod kami lebih mudah difahami dan lebih cekap sambil mencapai fungsi yang sama.

1. Kod ringkas

Contoh: Cipta objek

Ia seperti ini sebelum ini:

Kereta Var = objek baharu();

Car.color = “merah”;

Roda kereta = 4;

Umur kereta = 8;

Dan kini ia boleh ditulis seperti ini:

Kereta Var = {warna:'merah', roda:4, umur:8}

Contohnya: Buat tatasusunan

Ia seperti ini sebelum ini:

Var studentArray = new Array('zhangsan', 'lisi', 'zhaowu', 'wuliu');

Dan kini ia boleh ditulis seperti ini:

Var studentArray = {‘zhangsan’, ‘ lisi’, ‘zhaowu’, ‘wuliu’};

Contoh: Gunakan operator ternary untuk memudahkan kod

Tulisan

sebelum ini ialah:

Var result;

if(x > 100)

{

    Result = 1;

}else{

    Result = -1;

}
Salin selepas log masuk

Dan kini ia boleh ditulis sebagai:

Hasil var = x >100 ?

2. Gunakan JSON sebagai format data

Gunakan format Json untuk menyimpan data:


var band = {

 "name":"The Red Hot Chili Peppers",

 "members":[

  {

   "name":"Anthony Kiedis",

   "role":"lead vocals"

  },

  {

   "name":"Michael 'Flea' Balzary",

   "role":"bass guitar, trumpet, backing vocals"

  },

  {

   "name":"Chad Smith",

   "role":"drums,percussion"

  },

  {

   "name":"John Frusciante",

   "role":"Lead Guitar"

  }

 ],

 "year":"2009"

}
Salin selepas log masuk
Anda juga boleh menggunakan JS untuk menyimpan data, kodnya adalah seperti berikut:


<div id = “dataDiv”></div>

<script>

    Function saveData(data)

{

    Var out =“<ul>”;

    For(var i=0; i<data.length; i++)

{

    Out += “<li><a href =”'+data[i].url+'”>+

data[i].d+</a></li>”;

}

Out += ‘</ul>';

Document.getElementById(‘dataDiv').innerHTML = out;

}

</script>
Salin selepas log masuk
Anda juga boleh menggunakan data tersimpan yang dijana oleh JS di atas sebagai nilai pulangan API

Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan