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., animasi kompleks habing, 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 berbanding 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.Taip 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 lebih 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 pelayar 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 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 est un langage de forme libre par rapport à Java. Vous n'êtes pas obligé de déclarer toutes les variables, classes et méthodes. Vous n'avez pas à vous soucier de savoir si les méthodes sont publiques, privées ou protégées, et vous n'avez pas à implémenter d'interfaces, tandis que Java est un langage de programmation basé sur les classes conçu pour une exécution rapide et une sécurité de type, ce qui signifie que vous ne pouvez pas lancer de message. java entier dans une référence d'objet ou accédez à la mémoire privée en corrompant le bytecode java.

Fonctionnalités ES6 en Javascript avec exemples

Es6 (ECMAScript 2015) est une mise à jour majeure de javascript qui inclut de nombreuses nouvelles fonctionnalités en mettant l'accent sur la simplicité et la lisibilité.7

Découvrez ces nouvelles fonctionnalités et quand et comment les utiliser

1. Le mot-clé let et const
Avant l'introduction d'Es6, le mot-clé var était le seul moyen de déclarer des variables en JavaScript. Avec le mot clé const, vous pouvez déclarer une variable comme constante et comme constante, elle sera en lecture seule.

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. Fonction flèche

Ici, nous utilisons => au lieu du mot-clé function. La fonction flèche rend notre code plus lisible, propre et plus court.

// 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. Objets

Les objets sont simplement des collections de propriétés constituées de paires clé-valeur.

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

4. Cours

Le mot-clé class est utilisé pour formaliser le modèle de simulation de hiérarchies d'héritage de type classe à l'aide de fonctions et de prototypes.

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

5. Promesses

Cela rend simplement les appels asynchrones faciles et sans effort.

// 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. Littéraux de modèle

Les littéraux de modèle signifient simplement avoir des variables dans une chaîne.

// 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);

Merci d’avoir lu et sachez toujours que je vous soutiens !!!!

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