JavaScript は、Netscape Navigator ブラウザーの Web ページにプログラムを追加するために 1995 年に導入されました。それ以来、この言語は他のすべての主要なグラフィカル Web ブラウザーで採用されています。これにより、アクションごとにページをリロードすることなく直接対話できる最新の Web アプリケーションが可能になりました。 JavaScript は、さまざまな形の対話性と賢さを提供するために、より伝統的な Web サイトでも使用されています。
JavaScript は、Web ページをインタラクティブにする (複雑なアニメーション、クリック可能なボタンなど) ために使用されるクロスプラットフォームのオブジェクト指向スクリプト言語です。 Node js などのより高度なサーバー側バージョンの JavaScript もあり、これを使用すると、ファイルをダウンロードするだけでなく、より多くの機能を Web サイトに追加できます。
JavaScript は、Web 開発に関して多数の機能を備えた最も人気のある言語の 1 つです。 Github によると、JavaScript はトップクラスのプログラミング言語の 1 つであり、JavaScript の機能を理解するには、その機能を正しく知る必要があります。
1.軽量スクリプト言語
2.ダイナミックタイピング
3.オブジェクト指向プログラミングのサポート
4.機能的なスタイル
5.プラットフォームに依存しない
6.プロトタイプベース
最初から最後まで理解できるように、これらすべての機能を詳しく見てみましょう
1.軽量スクリプト言語
JavaScript は、ブラウザー内でのみデータを処理するために作成されているため、軽量のスクリプト言語です。これは汎用言語ではないため、ライブラリのセットが限られています。また、クライアント側での実行のみを目的としており、Web アプリケーションでも同様であるため、JavaScript の軽量な性質は優れた機能です。
2.ダイナミックタイピング
JavaScript は動的型付けをサポートしています。これは、変数の型が保存された値に基づいて定義されることを意味します。たとえば、変数 x を宣言すると、文字列、数値型の値、配列、オブジェクトのいずれかを格納できます。これは動的型付けとして知られています。
3.オブジェクト指向プログラミングのサポート
ES6 から、クラスと OOP の概念がより洗練されました。また、JavaScript における OOP の 2 つの重要な原則は、オブジェクト作成パターン (カプセル化) とコード再利用パターン (継承) です。 JavaScript 開発者がこの機能を使用することはほとんどありませんが、誰でも探索できる機能です。
3.機能的なスタイル
これは、JavaScript が関数型アプローチを使用し、オブジェクトであってもコンストラクター関数から作成され、各コンストラクター関数が一意のオブジェクト タイプを表すことを意味します。また、JavaScript の関数はオブジェクトとして使用でき、他の関数に渡すこともできます。
4.プラットフォームに依存しない
これは、JavaScript がプラットフォームに依存しないこと、または移植性があると言えることを意味します。これは、スクリプトを一度作成すれば、いつでもどこでも実行できることを意味します。一般に、JavaScript アプリケーションを作成し、スクリプトの出力に影響を与えることなく、任意のプラットフォームまたはブラウザ上で実行できます。
5.プロトタイプベースの言語
JavaScript はプロトタイプベースのスクリプト言語です。これは、JavaScript がクラスや継承の代わりにプロトタイプを使用することを意味します。 Java のような言語では、クラスを作成してから、それらのクラスのオブジェクトを作成します。しかし、JavaScript ではオブジェクト プロトタイプを定義し、このオブジェクト プロトタイプを使用してさらに多くのオブジェクトを作成できます。
7.通訳された言語
JavaScript はインタープリタ型言語であり、JavaScript 内に記述されたスクリプトが 1 行ずつ処理されることを意味します。これらのスクリプトは、Web ブラウザの組み込みコンポーネントである JavaScript インタプリタによって解釈されます。しかし、最近では、Chrome の V8 エンジンなど、ブラウザーの多くの JavaScript エンジンが JavaScript コードのジャストインタイム コンパイルを使用しています。
8.非同期処理
JavaScript は、非同期リクエストを有効にする Promise をサポートしています。これにより、リクエストが開始され、JavaScript がレスポンスを待つ必要がなくなり、リクエストの処理がブロックされることがあります。また、ES8 以降、非同期関数も JavaScript でサポートされています。これらの関数は 1 つずつ実行されるのではなく、並列処理されるため、処理時間にプラスの効果があり、大幅に短縮されます。
Java と JavaScript の間の主要な違いに注目する価値があります。
JavaScript と Java はいくつかの点で似ていますが、他の点では根本的に異なります。
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.
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. Template Literals
Templat literal bermaksud mempunyai pembolehubah dalam rentetan.
// Variables const name = "Alice"; const age = 30; const job = "developer";  // 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!!!!
以上がJavaScript の基本的な紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
