20 kemahiran JavaScript praktikal untuk berkongsi_kemahiran javascript

Seperti yang kita semua tahu, JavaScript ialah bahasa pengaturcaraan yang sangat popular Pembangun boleh menggunakannya bukan sahaja untuk membangunkan program web yang mempesonakan, tetapi juga untuk membangunkan beberapa aplikasi mudah alih (seperti PhoneGap atau Appcelerator Ia juga mempunyai beberapa pelaksanaan perkhidmatan , seperti NodeJS, Wakanda dan pelaksanaan lain. Selain itu, ramai pembangun memilih JavaScript sebagai bahasa peringkat kemasukan mereka dan menggunakannya untuk membuat perkara kecil seperti tetingkap timbul.

Dalam artikel ini, pengarang akan berkongsi dengan anda petua pembangunan JavaScript, amalan terbaik dan kandungan lain yang sangat praktikal, sama ada anda seorang pembangun bahagian hadapan atau pembangun bahagian pelayan, anda harus melihat petua ini. mereka pasti akan memberi manfaat kepada anda.

Coretan kod yang disediakan dalam artikel ini telah diuji dengan versi terkini Chrome 30, yang menggunakan enjin JavaScript V8 (V8 3.20.17.15).

1 Apabila memberikan nilai kepada pembolehubah untuk kali pertama, jangan lupa kata kunci var

Tetapkan nilai kepada pembolehubah yang tidak diisytiharkan dan pembolehubah itu akan dibuat secara automatik sebagai pembolehubah global Dalam pembangunan JS, anda harus mengelak daripada menggunakan pembolehubah global.

2. Gunakan === untuk menggantikan ==

Dan jangan sekali-kali menggunakan = atau! =.

Salin kod Kod adalah seperti berikut:

[10] === 10 // adalah palsu
[10] == 10 // adalah benar
'10' == 10 // adalah benar
'10' === 10 // adalah palsu
[] == 0 // adalah benar
[] === 0 // adalah palsu
'' == palsu // adalah benar tetapi benar == "a" adalah palsu
'' === palsu // adalah palsu

3. Gunakan koma bertitik sebagai penamat baris

Merupakan tabiat yang baik untuk menggunakan koma bertitik di mana baris ditamatkan Walaupun pembangun terlupa menambah koma bertitik, pengkompil tidak akan mempunyai sebarang petunjuk kerana dalam kebanyakan kes, penghurai JavaScript akan menambahkannya secara automatik.

4. Cipta pembina

Salin kod Kod adalah seperti berikut:

fungsi Orang(Nama depan,Nama akhir){
This.firstName = firstName; This.lastName = nama akhir
} 

var Saad = Orang baru("Saad", "Mousliki");

5. Jenis, contoh dan pembina hendaklah digunakan dengan berhati-hati

Salin kod Kod adalah seperti berikut:

var arr = ["a", "b", "c"]; typeof arr; // kembalikan "objek"
arr instanceof Array // benar
arr.constructor(); //[]

6. Cipta fungsi panggilan kendiri

Ini sering dirujuk sebagai fungsi tanpa nama panggilan sendiri atau ungkapan fungsi segera (LLFE). Apabila fungsi dicipta, ia akan dilaksanakan secara automatik, seperti yang berikut:

Salin kod Kod adalah seperti berikut:

(fungsi(){

// beberapa kod peribadi yang akan dilaksanakan secara automatik
})();
(fungsi(a,b){
var hasil = a b; Pulangan hasil; })(10,20)




7. Cipta item rawak untuk tatasusunan

Salin kod

Kod adalah seperti berikut: item var = [12, 548, 'a', 2, 5478, 'foo', 8852, , 'Doe', 2145, 119]; var randomItem = item[Math.floor(Math.random() * items.length)];

8 Dapatkan nombor rawak dalam julat tertentu

Kod berikut sangat serba boleh apabila anda perlu menjana data palsu untuk ujian, seperti mendapatkan nilai rawak sebelum gaji minimum dan maksimum.

Salin kod

Kod adalah seperti berikut:

var x = Math.floor(Math.random() * (maks - min 1)) min;

9 Hasilkan satu set nombor rawak antara nombor 0 dan nombor maksimum

Salin kod Kod adalah seperti berikut:

var numbersArray = [] , maks = 100;
for( var i=1; numbersArray.push(i ) < max;); // nombor = [0,1,2,3 ... 100]

10 Jana set rawak aksara abjad angka

Salin kod Kod adalah seperti berikut:

function generateRandomAlphaNum(len) {

var rdmstring = "";
for( ; rdmString.length < len; rdmString = Math.random().toString(36).substr(2)); Kembalikan rdmString.substr(0, len);
}




11 Berebut susunan digital

Salin kod

Kod adalah seperti berikut: nombor var = [5, 458, 120, -215, 228, 400, 122205, -85411]; nombor = nombor.sort(function(){ return Math.random() - 0.5}); /* nombor tatasusunan akan sama contohnya dengan [120, 5, 228, -215, 400, 458, -85411, 122205] */

12. Fungsi tim rentetan

Fungsi pemangkasan boleh mengalih keluar aksara ruang kosong daripada rentetan dan boleh digunakan dalam Java, C#, PHP dan bahasa lain.

Salin kod

Kod adalah seperti berikut: String.prototype.trim = function(){return this.replace(/^s |s $/g, "");};

13. Lampirkan Tatasusunan

Salin kod

Kod adalah seperti 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 Tukar objek parameter kepada tatasusunan

Salin kod

Kod adalah seperti berikut:

var argArray = Array.prototype.slice.call(arguments); 15 Sahkan sama ada parameter yang diberikan ialah nombor

Salin kod

Kod adalah seperti berikut:

fungsi ialahNombor(n){

Kembalikan !isNaN(parseFloat(n)) && isFinite(n); } 16 Sahkan bahawa parameter yang diberikan ialah tatasusunan

Salin kod

Kod adalah seperti berikut:

fungsi ialahArray(obj){

Kembalikan Object.prototype.toString.call(obj) === '[object Array]' ; }

Perhatikan bahawa jika kaedah toString() ditindih, anda tidak akan mendapat hasil yang diharapkan. Atau anda boleh menulis seperti ini:

Salin kod


Kod adalah seperti berikut:

Array.isArray(obj); // kaedah Array baharu

Begitu juga, jika anda menggunakan berbilang bingkai, anda boleh menggunakan contoh Jika terdapat terlalu banyak kandungan, hasilnya juga akan salah.

Salin kod

Kod adalah seperti berikut:

var myFrame = document.createElement('iframe'); document.body.appendChild(myFrame);
var myArray = window.frames[window.frames.length-1].Array;
var arr = myArray(a,b,10); // [a,b,10]

// instanceof tidak akan berfungsi dengan betul, myArray kehilangan pembinanya
// pembina tidak dikongsi antara bingkai
arr instanceof Array; // palsu

17 Dapatkan nilai maksimum dan minimum daripada tatasusunan angka

Salin kod Kod adalah seperti berikut:

nombor var = [5, 458, 120, -215, 228, 400, 122205, -85411]; var maxInNumbers = Math.max.apply(Math, nombor); var minInNumbers = Math.min.apply(Math, nombor);

18. Kosongkan tatasusunan

Salin kod

Kod adalah seperti berikut: var myArray = [12, 222, 1000]; myArray.length = 0; // myArray akan sama dengan [].

19 Jangan gunakan padam untuk memadam item daripada tatasusunan


Pembangun boleh menggunakan split dan bukannya padam untuk memadamkan item tatasusunan. Daripada memadamkan item yang tidak ditentukan dalam tatasusunan, sebaliknya gunakan padam.

Salin kod

Kod adalah seperti berikut:

var item = [12, 548 ,'a' , 2 , 5478 , 'foo' , 8852, , 'Doe' ,2154 , 119 ]; items.length; // kembalikan 11 padamkan item[3]; // kembalikan benar items.length; // kembalikan 11 /* item akan sama dengan [12, 548, "a", undefined × 1, 5478, "foo", 8852, undefined × 1, "Doe", 2154, 119] */

Anda juga boleh...




Salin kod

Kod adalah seperti berikut:

var item = [12, 548 ,'a' , 2 , 5478 , 'foo' , 8852, , 'Doe' ,2154 , 119 ]; items.length; // kembalikan 11 item.splice(3,1) ; items.length; // kembalikan 10 /* item akan sama dengan [12, 548, "a", 5478, "foo", 8852, undefined × 1, "Doe", 2154, 119] */

Kaedah padam harus memadamkan sifat objek.

20 Gunakan atribut panjang untuk memendekkan tatasusunan


Seperti yang dinyatakan di atas untuk mengosongkan tatasusunan, pembangun juga boleh menggunakan atribut panjang untuk memendekkan tatasusunan.

Salin kod

Kod adalah seperti berikut:

var myArray = [12, 222, 1000, 124, 98, 10]; myArray.length = 4; // myArray akan sama dengan [12, 222, 1000, 124].

Jika nilai panjang tatasusunan yang anda takrifkan terlalu tinggi, panjang tatasusunan akan berubah dan beberapa nilai yang tidak ditentukan akan diisi ke dalam tatasusunan Sifat panjang tatasusunan bukan baca sahaja.

Salin kod


Kod adalah seperti berikut:

myArray.length = 10; // panjang tatasusunan baharu ialah 10

myArray[myArray.length - 1] ; // undefined