Sangat disyorkan: 20 petua ES6 yang patut dikumpul

Artikel ini menyusun dan berkongsi petua ES6, dan menyusun 20 blok kod ES6 yang kerap digunakan untuk semua orang.

1 Mengganggu susunan tatasusunan

[Cadangan berkaitan: pembelajaran javascript tutorial】

2 Alih keluar semua aksara kecuali nombor

3. Rentetan atau perkataan terbalik

4 >

5. Gabungkan berbilang objek

6.

=== dan <span style="font-size: 18px;">===</span><span style="font-size: 18px;">==</span><span style="font-size: 18px;">==</span>Perbezaannya

7 Memusnahkan tugasan

8 Tukar nilai pembolehubah

9-1

Rentetan palindrom: Rentetan yang sama apabila ditulis di hadapan atau ke belakang

9-2 Tentukan sama ada dua rentetan disusun antara satu sama lain

Nilai kedua-duanya Sama ada rentetan diubah suai: Diberi dua rentetan, sama ada satu ialah pilih atur daripada yang lain

10 Operator rantai pilihan

<.>MDN:

Pengendali rantaian pilihan

( ) membenarkan membaca nilai sifat yang terletak jauh dalam rantaian objek sambungan, Daripada perlu mengesahkan secara jelas bahawa setiap rujukan dalam rantaian adalah sah. Fungsi operator adalah serupa dengan operator rantai ?. Perbezaannya ialah ia tidak akan menyebabkan ralat apabila rujukan adalah batal (?. atau .). Nilai pulangan ialah null. Apabila digunakan dengan panggilan fungsi, jika fungsi yang diberikan tidak wujud, mengembalikan undefinedundefinedundefined

Contohnya:

bersamaan dengan:

if (res && res.data && res.data.success) {   
   //code} 
复制代码

if (res?.data?.success) {  // code}复制代码

11. Operator Ternary

12 >

13 Objek Pembekuan

14. Padamkan elemen pendua dalam tatasusunan

15

16.

17 Tukar daripada <span style="font-size: 18px;">RGB</span>RGB kepada <span style="font-size: 18px;">HEX</span>HEX

18 Dapatkan nilai maksimum dan minimum daripada tatasusunan

19. Operator penggabungan nilai nol

MDN: ??Pengendali penggabungan nilai nolnull(undefined) ialah pengendali logik Apabila operan di sebelah kiri ialah

atau

, ia mengembalikan operan kanannya, jika tidak ia mengembalikan operan kiri.

<span style="font-size: 18px;">false</span>20 Tapis nilai dalam tatasusunan yang palsu

Kod sumber

https://github.com/xieyezi /vuepress-blog /blob/master/docs/front-end/ES6-20 teknik yang kerap digunakan.md

Di atas, pengekodan dan lukisan adalah sangat sukar, saya harap anda tidak kedekut dengan suka anda dan klik anda Suka adalah motivasi terbesar saya untuk terus mengemas kini!

[Tutorial video berkaitan yang disyorkan: bahagian hadapan web]