Seperti yang kita semua tahu, JavaScript adalah bahasa pemrograman yang sangat populer. Pengembang dapat menggunakannya untuk tidak hanya mengembangkan program web yang mempesona, tetapi juga mengembangkan beberapa aplikasi seluler (seperti phoneGap atau appcelerator). Ini juga memiliki beberapa implementasi server, seperti NodeJs, Wakanda dan implementasi lainnya. Selain itu, banyak pengembang memilih JavaScript sebagai bahasa pengantar dan menggunakannya untuk membuat hal -hal kecil seperti popup.
Dalam artikel ini, penulis akan berbagi dengan Anda tips kecil, praktik terbaik, dan konten pengembangan JavaScript yang sangat praktis. Apakah Anda seorang pengembang front-end atau pengembang server, Anda harus melihat tips kecil ini, mereka pasti akan menguntungkan Anda.
Cuplikan kode yang disediakan dalam artikel telah diuji dalam versi terbaru Chrome 30, yang menggunakan mesin V8 JavaScript (V8 3.20.17.15).
1. Saat menetapkan nilai ke variabel untuk pertama kalinya, jangan lupa kata kunci var
Tetapkan nilai ke variabel yang tidak dideklarasikan, yang akan secara otomatis dibuat sebagai variabel global. Dalam pengembangan JS, variabel global harus dihindari.
2. Gunakan === Ganti ==
Dan tidak pernah menggunakan = atau! =.
Salinan kode adalah sebagai berikut:
[10] === 10 // false
[10] == 10 // benar
'10' == 10 // benar
'10' === 10 // false
[] == 0 // benar
[] === 0 // false
'' == false // benar tapi benar == "a" false
'' === false // false
3. Gunakan titik koma sebagai terminator garis
Merupakan kebiasaan yang baik untuk menggunakan titik koma di mana garis berakhir, dan bahkan jika pengembang lupa untuk menambahkan titik koma, kompiler tidak akan memiliki petunjuk karena dalam kebanyakan kasus, parser javascript akan secara otomatis menambahkannya.
4. Buat konstruktor
Salinan kode adalah sebagai berikut:
Function Person (FirstName, LastName) {
this.firstName = firstName;
this.LastName = LastName;
}
var saad = orang baru ("saad", "mousliki");
5. Berhati -hatilah untuk menggunakan TypeOf, instanceof dan konstruktor
Salinan kode adalah sebagai berikut:
var arr = ["a", "b", "c"];
tipe ARR; // mengembalikan "objek"
ARR Instance dari array // true
arr.constructor (); // []
6. Buat fungsi selfal
Ini sering disebut sebagai fungsi anonim mandiri atau ekspresi fungsi panggilan langsung (LLFE). Ketika suatu fungsi dibuat, itu akan dieksekusi secara otomatis, seperti berikut:
Salinan kode adalah sebagai berikut:
(fungsi(){
// Beberapa kode pribadi yang akan dieksekusi secara otomatis
}) ();
(function (a, b) {
Hasil var = a+b;
hasil pengembalian;
}) (10,20)
7. Buat item acak untuk array
Salinan kode adalah sebagai berikut:
var item = [12, 548, 'a', 2, 5478, 'foo', 8852, 'doe', 2145, 119];
var randomItem = item [math.floor (math.random () * items.length)];
8. Dapatkan nomor acak dalam rentang tertentu
Kode berikut sangat umum, ketika Anda perlu menghasilkan data palsu untuk pengujian, seperti mendapatkan nilai acak sebelum upah minimum dan maksimum.
Salinan kode adalah sebagai berikut:
var x = math.floor (math.random () * (maks - min + 1)) + min;
9. menghasilkan satu set angka acak antara angka 0 dan angka maksimum
Salinan kode adalah sebagai berikut:
var numberArray = [], maks = 100;
untuk (var i = 1; numberArray.push (i ++) <max;); // angka = [0,1,2,3 ... 100]
10. Hasilkan set acak karakter alfanumerik
Salinan kode adalah sebagai berikut:
fungsi generaterandomalphanum (len) {
var rdmstring = "";
untuk (; rdmstring.length <len; rdmstring += math.random (). tostring (36) .substr (2));
return rdmstring.substr (0, len);
}
11. Ganggu array angka
Salinan kode adalah sebagai berikut:
var angka = [5, 458, 120, -215, 228, 400, 122205, -85411];
numbers = numbers.sort (function () {return math.random () - 0.5});
/ * Angka array akan sama misalnya dengan [120, 5, 228, -215, 400, 458, -85411, 122205] */
12. Fungsi String Tim
Fungsi trim dapat menghapus karakter whitespace dalam string dan dapat digunakan dalam beberapa bahasa seperti Java, C#, dan PHP.
Salinan kode adalah sebagai berikut:
String.prototype.trim = function () {return this.replace (/^/s+|/s+$/g, "");};
13.Array ditambahkan
Salinan kode adalah sebagai berikut:
var array1 = [12, "foo", {name "joe"}, -2458];
var array2 = ["doe", 555, 100];
Array.prototype.push.apply (array1, array2);
/ * array1 akan sama dengan [12, "foo", {name "joe"}, -2458, "doe", 555, 100] */
14. Konversi objek parameter menjadi array
Salinan kode adalah sebagai berikut:
var argarray = array.prototype.slice.call (argumen);
15. Verifikasi apakah parameter yang diberikan adalah angka
Salinan kode adalah sebagai berikut:
function isNumber (n) {
return! isnan (parsefloat (n)) && isfinite (n);
}
16. Verifikasi bahwa parameter yang diberikan adalah array
Salinan kode adalah sebagai berikut:
fungsi isArray (obj) {
return object.prototype.toString.call (obj) === '[array objek]';
}
Perhatikan bahwa jika metode tostring () ditulis ulang, Anda tidak akan mendapatkan hasil yang diharapkan.
Atau Anda dapat menulis ini:
Salinan kode adalah sebagai berikut:
Array.isarray (OBJ); // Ini metode array baru
Demikian pula, jika Anda menggunakan beberapa frame, Anda dapat menggunakan contoh, dan jika ada terlalu banyak konten, hasilnya juga akan menjadi kesalahan.
Salinan kode adalah sebagai berikut:
var myframe = document.createElement ('iframe');
Document.Body.AppendChild (MyFrame);
var myArray = window.frames [window.frames.length-1] .Array;
var arr = myArray baru (a, b, 10); // [a, b, 10]
// contoh akan tidak bekerja dengan benar, myarray kehilangan konstruktornya
// Konstruktor tidak dibagikan di antara bingkai
array array; // PALSU
17. Dapatkan nilai maksimum dan minimum dari array angka
Salinan kode adalah sebagai berikut:
var angka = [5, 458, 120, -215, 228, 400, 122205, -85411];
var maxinnumbers = math.max.Apply (matematika, angka);
var mininnumbers = Math.min.Amply (matematika, angka);
18. Bersihkan array
Salinan kode adalah sebagai berikut:
var myArray = [12, 222, 1000];
myarray.length = 0; // myarray akan sama dengan [].
19. Jangan gunakan Hapus untuk menghapus item dari array
Pengembang dapat menggunakan split alih -alih menggunakan hapus untuk menghapus item array. Alih -alih menghapus item yang tidak ditentukan dalam array, gunakan hapus sebagai gantinya.
Salinan kode adalah sebagai berikut:
var item = [12, 548, 'a', 2, 5478, 'foo', 8852, 'doe', 2154, 119];
item.length; // Kembalikan 11
Hapus item [3]; // Kembalikan true
item.length; // Kembalikan 11
/ * item akan sama dengan [12, 548, "a", tidak ditentukan × 1, 5478, "foo", 8852, tidak ditentukan × 1, "doe", 2154, 119] *//
Tidak apa-apa...
Salinan kode adalah sebagai berikut:
var item = [12, 548, 'a', 2, 5478, 'foo', 8852, 'doe', 2154, 119];
item.length; // Kembalikan 11
item.splice (3,1);
item.length; // Kembalikan 10
/ * item akan sama dengan [12, 548, "a", 5478, "foo", 8852, tidak ditentukan × 1, "doe", 2154, 119] */
Metode Hapus harus menghapus properti objek.
20. Gunakan atribut panjang untuk mempersingkat array
Seperti disebutkan di atas, pengembang juga dapat menggunakan atribut panjang untuk mempersingkat array.
Salinan kode adalah sebagai berikut:
var myArray = [12, 222, 1000, 124, 98, 10];
myarray.length = 4; // myarray akan sama dengan [12, 222, 1000, 124].
Jika nilai panjang array yang Anda definisikan terlalu tinggi, panjang array akan berubah dan beberapa nilai yang tidak ditentukan akan diisi ke dalam array. Properti panjang array tidak hanya dibaca.
Salinan kode adalah sebagai berikut:
myarray.length = 10; // Panjang array baru adalah 10
myarray [myarray.length - 1]; // belum diartikan