Ciri penting JavaScript yang mesti anda ketahui

Dalam tutorial ini, kita akan belajar tentang ciri khas Javascript.

Javascript ialah bahasa pengaturcaraan yang popular. JavaScript adalah fleksibel. Terdapat banyak perpustakaan sumber terbuka yang tersedia. GitHub mengandungi sejumlah besar kod Javascript yang ditulis oleh pembangun di seluruh dunia. Javascript berfungsi hebat pada kedua-dua bahagian hadapan dan bahagian belakang.

Sintaks Javascript sangat mudah. Tanpa sebarang persediaan, sesiapa sahaja boleh melaksanakan program Javascript dan menjadikannya mesra pengguna. Javascript boleh digunakan oleh orang yang mempunyai pengetahuan asas tentang HTML, CSS dan pengekodan.

Ciri Javascript

Skrip

Javascript melaksanakan skrip sisi klien dalam penyemak imbas.

Jurubahasa

Pelayar mentafsir kod JavaScript.

Pengendalian acara

Peristiwa adalah tindakan. Javascript menyediakan pilihan pengendalian acara.

lite

Memandangkan Javascript bukan bahasa yang disusun, kod sumber tidak pernah ditukar kepada kod bait sebelum dijalankan. Oleh kerana sifatnya yang ringan, peranti rendah juga boleh menjalankan Javascript.

Sensitif huruf besar/kecil

Dalam Javascript, nama, pembolehubah, kata kunci dan fungsi adalah sensitif huruf besar-besaran.

Pernyataan Kawalan

Javascript mempunyai pernyataan kawalan seperti if-else-if, suis case dan gelung. Pengguna boleh menulis kod kompleks menggunakan pernyataan kawalan ini.

Subjek adalah warganegara kelas pertama

Tatasusunan, fungsi dan simbol Javascript ialah semua objek yang boleh mewarisi sifat prototaip Objek. Menjadi warganegara kelas pertama bermakna objek itu boleh menyelesaikan semua tugas.

Sokong pengaturcaraan berfungsi

Fungsi Javascript boleh dihantar sebagai argumen kepada fungsi lain, boleh dipanggil melalui rujukan, dan boleh diberikan kepada pembolehubah.

jenis dinamik

Javascript pembolehubah boleh mempunyai sebarang jenis nilai. Pembolehubah yang sama boleh mempunyai nilai rentetan, nilai integer atau sebarang nilai lain.

Pengesahan pelanggan

Pengesahan sisi klien Javascript membolehkan pengguna menyerahkan data yang sah kepada pelayan semasa penyerahan borang.

Platform bebas

Javascript akan berjalan dengan cara yang sama pada semua sistem, tanpa mengira sistem pengendalian.

Pemprosesan tak segerak

Javascript async-await dan fungsi Janji menyediakan ciri tak segerak. Memandangkan proses berjalan secara selari, masa pemprosesan dan tindak balas boleh dipertingkatkan.

Berdasarkan prototaip

Javascript mengikut fungsi "Object.prototype" dan bukannya warisan kelas.

Pengendali penyatuan nilai nol (??)

Jika operan kiri kosong, operator penggabungan nol mengembalikan operan kanan. Jika operan kiri bukan "null", operator mengembalikan nilai operan kiri. Operator ini membantu mengelakkan ralat operator Boolean.

Tugasan kosong logik (??=)

Ia adalah singkatan

result=left??right;

Log Konsol Gaya

Konsol JavaScript boleh mempunyai gaya. Sebagai contoh, lihat blok di bawah.

console.log('%cText %cValue', 'color:black; cursor:pointer', 'color: green;');

Set gaya pertama digunakan pada rentetan pertama dengan %c, %c kedua mendapat set gaya kedua untuk rentetan kedua.

Singkatan objek

Pendek kata objek membolehkan pengguna menetapkan pembolehubah dan nilai kunci dengan nama yang sama, menjimatkan ruang dan masa.

const name='Egan',
id=1;

//The above snippet can be as follows
const egan={
name,
id
}
console.log(egan);

//Output
{name:'Egan', id:1}

Pautan pilihan (?.)

Javascript rantaian pilihan mengoptimumkan semakan nol biasa dalam contoh di bawah.

var obj={
   data:{
      id: 1;
   }
}

//General null check
if(obj.data && obj.data.id)

//Optional chaining
obj.data?.id

Lewat/Pemuatan Tak Segerak

Semasa penghuraian HTML, Javascript "menangguhkan" dan memuat turun fail secara tidak segerak dan mengoptimumkan masa muat halaman. Skrip tak segerak berjalan serta-merta selepas dimuat turun. Skrip tertunda dilaksanakan hanya dalam susunan Dom.

Pengiraan pelanggan mudah

Javascript boleh melakukan pengiraan sisi klien yang mudah pada penyemak imbas.

Kawalan Pelayar Besar

Javascript mengutamakan penyemak imbas daripada pelayan.

Tarikh dan masa pemprosesan

Javascript mempunyai fungsi terbina dalam untuk mendapatkan "tarikh" dan masa.

Penjanaan kandungan HTML

Javascript membenarkan pengguna menambah kandungan HTML dinamik apabila mereka melakukan tindakan tertentu pada halaman.

Pengesanan penyemak imbas dan sistem pengendalian

Javascript mempunyai kod terbina dalam untuk mengesan pelayar yang digunakan pengguna.

kata kunci Let and Const

Javascript menggantikan kata kunci var dengan kata kunci let dan const dengan skop peringkat blok.

Fungsi anak panah

Javascript menggunakan sintaks fungsi anak panah untuk membantu mengoptimumkan sintaks dalam fungsi tanpa nama.

TEKS TEMPLAT

Javascript membenarkan menyimpan pembolehubah sebagai rentetan dan menjimatkan masa pembangunan.

Fungsi tatasusunan baharu

Fungsi tatasusunan Javascript membolehkan pengoptimuman kod. Tatasusunan biasa mempunyai indeks integer dan tatasusunan bersekutu mempunyai indeks rentetan.

Parameter lalai

Javascript menggunakan parameter lalai untuk mengelakkan keadaan ralat nilai yang tidak ditentukan.

Singkatan atribut

Javascript mempunyai pelbagai kaedah trengkas, seperti .get(), yang boleh menjimatkan masa dan kos pengekodan.

Sintaks seperti Java

Sintaks Javascript lebih serupa dengan sintaks Java, membantu pembangun bekerja dalam kedua-dua bahasa pengaturcaraan.

Jika lain kenyataan

Javascript “jika lain” pernyataan bersyarat melaksanakan operasi logik.

Penyataan gelung

Javascript Gelung membenarkan pembangun menjalankan kod yang sama beberapa kali menggunakan gelung.

BigInt

Javascript 允许大整数值。 Javascript 引擎以不同方式支持 BigInt。

动态导入

Javascript动态导入功能允许在运行时添加任何文件。

Promise.allSettled

Javascript Promise.allSettled 方法仅在解决或拒绝所有承诺后才接受承诺数组。

字符串matchAll

Javascript string.matchAll() 返回正则表达式中的所有匹配组。

全局这个

Javascript globalThis 指向全局对象，不考虑窗口对象或自对象。

模块命名空间导出

Javascript模块命名空间导入导出语法如下。

import * as utils from'./utils.mjs';
export {utils}

定义良好的 for-in 顺序

Javascript 'for(a in b)' 在 2020 年之前没有执行顺序。ES2020 给出了规范。

导入.meta

Javascript import.meta 给出脚本标签的元信息。

<script type='module' src='module.js'>
console.log(meta);
//Output
{url: 'file':'//home/user/module.js'}

使用 .at() 进行负索引

Javascript数组索引用数组长度减去过程是一种旧方法。函数.at()可以替代这个任务。

let arr=[10, 20, 30];
arr.at(2);//Prints 20

拥有

Javascript hasOwn 属性是 hasOwnProperty 的扩展。 Javascript hasOwn 是一个静态方法。

let obj = Object.create(null);
obj.hasOwnProperty=function(){};
Object.hasOwnProperty(obj, 'hasOwnProperty');

//Cannot convert the object to the primitive value
Object.hasOwn(obj, 'hasOwnProperty'); //true

类静态块

Javascript 类可以有静态项。

class Color {
   static blue;
   static {
      this.blue = 'blueberry';
   }
}

错误原因

Javascript Error 类还提供错误原因报告。

throw new Error('Error message', { cause: rootCause });

结论

Javascript 具有独特的功能以及面向对象编程和 Java 语言的功能。所讨论的所有功能和其余功能使 Javascript 成为一种强大的编程语言。

Atas ialah kandungan terperinci Ciri penting JavaScript yang mesti anda ketahui. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!