Pengenalan asas kepada Javascript

JavaScript telah diperkenalkan pada tahun 1995 untuk menambah atur cara pada halaman web dalam pelayar Netscape Navigator. Sejak itu, bahasa ini telah diterima pakai oleh semua pelayar web grafik utama yang lain. Ia telah membolehkan aplikasi web moden, yang dengannya anda boleh berinteraksi secara langsung tanpa melakukan muat semula halaman untuk setiap tindakan. JavaScript juga digunakan dalam laman web yang lebih tradisional untuk menyediakan pelbagai bentuk interaktiviti dan kepintaran.

Apa itu Javascript

Javascript ialah bahasa skrip merentas platform, berorientasikan objek yang digunakan untuk menjadikan halaman web interaktif (cth., menghangatkan animasi yang kompleks, butang boleh klik dll). Terdapat juga versi javascript sebelah pelayan yang lebih maju seperti Node js, yang membolehkan anda menambah lebih banyak fungsi pada tapak web daripada memuat turun fail.

JavaScript ialah salah satu bahasa paling popular yang merangkumi pelbagai ciri apabila ia berkaitan dengan pembangunan web. Ia adalah antara bahasa pengaturcaraan teratas mengikut Github dan kita mesti mengetahui ciri JavaScript dengan betul untuk memahami kemampuannya.

Ciri-ciri Javascript

1.Bahasa Skrip Ringan

2. Penaipan Dinamik

3.Sokongan pengaturcaraan berorientasikan objek

4.Gaya Fungsian

5.Platform Independent

6.Berasaskan prototaip

Mari lihat semua ciri ini secara terperinci supaya anda boleh memahaminya bermula dari yang pertama hingga yang terakhir

1. Bahasa Skrip Ringan

JavaScript ialah bahasa skrip yang ringan kerana ia dibuat untuk pengendalian data dalam penyemak imbas sahaja. Oleh kerana ia bukan bahasa tujuan umum, ia mempunyai set perpustakaan yang terhad. Juga kerana ia hanya bertujuan untuk pelaksanaan sebelah pelanggan dan juga untuk aplikasi web, oleh itu sifat ringan JavaScript adalah ciri yang hebat.

2. Penaipan Dinamik

JavaScript menyokong penaipan dinamik yang bermaksud jenis pembolehubah ditentukan berdasarkan nilai yang disimpan. Contohnya, jika anda mengisytiharkan pembolehubah x maka anda boleh menyimpan sama ada rentetan atau nilai jenis Nombor atau tatasusunan atau objek. Ini dikenali sebagai menaip dinamik.

3. Sokongan Pengaturcaraan Berorientasikan Objek

Bermula dari ES6, konsep kelas dan OOP telah diperhalusi. Juga, dalam JavaScript, dua prinsip penting dengan OOP dalam JavaScript ialah corak Penciptaan Objek (Encapsulation) dan corak Penggunaan Semula Kod (Warisan). Walaupun pembangun JavaScript jarang menggunakan ciri ini tetapi ada untuk diterokai oleh semua orang.

3. Gaya Berfungsi

Ini menunjukkan bahawa JavaScript menggunakan pendekatan berfungsi, malah objek dicipta daripada fungsi pembina dan setiap fungsi pembina mewakili jenis objek yang unik. Selain itu, fungsi dalam JavaScript boleh digunakan sebagai objek dan boleh dihantar ke fungsi lain juga.

4. Bebas Platform

Ini menunjukkan bahawa JavaScript adalah bebas platform atau kita boleh katakan ia mudah alih; yang bermaksud bahawa anda hanya boleh menulis skrip sekali dan menjalankannya di mana-mana dan pada bila-bila masa. Secara umum, anda boleh menulis aplikasi JavaScript anda dan menjalankannya pada mana-mana platform atau mana-mana penyemak imbas tanpa menjejaskan output Skrip.

5. Bahasa berasaskan prototaip

JavaScript ialah Bahasa skrip berasaskan prototaip. Ini bermakna JavaScript menggunakan prototaip dan bukannya kelas atau warisan. Dalam bahasa seperti Java, kami mencipta kelas dan kemudian kami mencipta objek untuk kelas tersebut. Tetapi dalam JavaScript, kami mentakrifkan prototaip objek dan kemudian lebih banyak objek boleh dibuat menggunakan prototaip objek ini.

7. Bahasa yang Ditafsirkan

JavaScript ialah bahasa yang ditafsirkan yang bermaksud skrip yang ditulis di dalam javascript diproses baris demi baris. Skrip ini ditafsirkan oleh jurubahasa JavaScript yang merupakan komponen terbina dalam pelayar Web. Tetapi hari ini banyak enjin JavaScript dalam penyemak imbas seperti enjin V8 dalam Chrome menggunakan kompilasi tepat pada masa untuk kod JavaScript.

8. Pemprosesan Async

JavaScript menyokong Promise yang membolehkan permintaan tak segerak di mana permintaan dimulakan dan JavaScript tidak perlu menunggu respons, yang kadangkala menyekat pemprosesan permintaan. Juga bermula dari ES8, fungsi Async turut disokong dalam JavaScript, fungsi ini tidak dilaksanakan satu demi satu, sebaliknya ia diproses secara selari yang memberi kesan positif pada masa pemprosesan, mengurangkannya ke tahap yang besar.

Perlu diperhatikan perbezaan teras antara Java dan JavaScript.

Javascript dan Java adalah serupa dalam beberapa cara tetapi pada asasnya berbeza dalam beberapa yang lain.

Javascript ialah bahasa bentuk bebas berbanding Java. Anda tidak perlu mengisytiharkan semua pembolehubah, kelas dan kaedah. Anda tidak perlu bimbang sama ada kaedah adalah awam, peribadi atau dilindungi, dan anda tidak perlu melaksanakan antara muka manakala Java ialah bahasa pengaturcaraan berasaskan kelas yang direka untuk pelaksanaan pantas dan keselamatan jenis bermakna anda tidak boleh menghantar integer java ke dalam rujukan objek atau akses memori peribadi dengan merosakkan kod bait java.

Ciri ES6 dalam Javascript dengan Contoh

Es6(ECMAScript 2015) ialah kemas kini utama kepada javascript yang merangkumi banyak ciri baharu dengan tumpuan pada kesederhanaan dan kebolehbacaan.7

Mari kita ketahui tentang ciri baharu ini dan bila serta cara menggunakannya

1. Kata kunci let dan const
Sebelum pengenalan Es6, kata kunci var adalah satu-satunya cara untuk mengisytiharkan pembolehubah dalam JavaScript. Dengan kata kunci const, anda boleh mengisytiharkan pembolehubah sebagai pemalar dan sebagai pemalar, ia akan dibaca sahaja.

Copy code
// Using let
let age = 25; 
console.log(age); // Output: 25

age = 26; 
console.log(age); // Output: 26

// Using const
const birthYear = 1998; 
console.log(birthYear); // Output: 1998

2. Fungsi anak panah

Di sini kami menggunakan => bukannya kata kunci fungsi. Fungsi anak panah menjadikan kod kami lebih mudah dibaca, bersih dan lebih pendek.

// Traditional function
function add(a, b) {
  return a + b;
}

// Arrow function equivalent
const add = (a, b) => a + b;

// Usage
console.log(add(3, 5)); // Output: 8

3. Objek

Objek hanyalah koleksi sifat yang terdiri daripada kunci, pasangan nilai.

// Define an object to represent a person
const person = {
    firstName: "John",
    lastName: "Doe",
    age: 30,
    job: "Software Engineer",
    hobbies: ["Reading", "Coding", "Hiking"],
};

4. Kelas

Kata kunci kelas digunakan untuk memformalkan corak simulasi hierarki warisan seperti kelas menggunakan fungsi dan prototaip.

// Define a class called "Person"
class Person {
  // Constructor method to initialize an object
  constructor(name, age) {
    this.name = name;
    this.age = age;
  }

5. Janji

Ini menjadikan panggilan tak segerak mudah dan mudah.

// Function that returns a promise
function fetchData() {
  return new Promise((resolve, reject) => {
    const success = true; // Simulate a successful operation

    setTimeout(() => {
      if (success) {
        resolve("Data fetched successfully!");
      } else {
        reject("Error fetching data.");
      }
    }, 2000); // Simulate an async operation with a 2-second delay
  });
}

6. Huruf Templat

Templat literal bermaksud mempunyai pembolehubah dalam rentetan.

// Variables
const name = "Alice";
const age = 30;
const job = "developer";
![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/vyije2al75w3el97yrvv.png)

// Using Template Literals
const introduction = `Hello, my name is ${name}. I am ${age} years old, and I work as a ${job}.`;

console.log(introduction);

Terima kasih kerana membaca, dan sentiasa tahu bahawa saya menyokong anda!!!!

Atas ialah kandungan terperinci Pengenalan asas kepada Javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!