JavaScript 基本介紹

JavaScript 於 1995 年引入，用於在 Netscape Navigator 瀏覽器中的網頁新增程式。此後，該語言已被所有其他主要圖形 Web 瀏覽器採用。它使現代 Web 應用程式成為可能，您可以直接與之交互，而無需為每個操作重新載入頁面。 JavaScript 也被用在較傳統的網站中，以提供各種形式的互動性和智慧性。

什麼是 JavaScript

Javascript 是一種跨平台、物件導向的腳本語言，用於使網頁具有互動性（例如，具有複雜的動畫、可點擊的按鈕等）。還有更高級的伺服器端版本的 javascript，例如 Node js，它允許您為網站添加比下載檔案更多的功能。

JavaScript 是最受歡迎的語言之一，在 Web 開發方麵包含許多功能。根據 Github 的數據，它是頂級程式語言之一，我們必須正確了解 JavaScript 的功能才能了解它的功能。

JavaScript 的特點

1.輕量級腳本語言

2.動態打字

3.物件導向程式支援

4.功能風格

5.平台無關

6.基於原型

讓我們詳細了解所有這些功能，以便您從頭到尾了解它們

1。輕量級腳本語言

JavaScript 是一種輕量級腳本語言，因為它僅用於瀏覽器中的資料處理。由於它不是通用語言，因此它的庫集有限。此外，由於它僅適用於客戶端執行以及 Web 應用程序，因此 JavaScript 的輕量級特性是一個很棒的功能。

2。動態打字

JavaScript 支援動態類型，這表示變數的類型是根據儲存的值定義的。例如，如果宣告變數 x，則可以儲存字串或數字類型值、陣列或物件。這稱為動態類型。

3。物件導向程式支援

從 ES6 開始，類別和 OOP 的概念更加細緻。此外，在 JavaScript 中，JavaScript 中 OOP 的兩個重要原則是物件建立模式（封裝）和程式碼重用模式（繼承）。雖然 JavaScript 開發者很少使用這個功能，但還是值得大家去探索的。

3。功能風格

這意味著 JavaScript 使用函數式方法，甚至物件也是從建構函式創建的，而每個建構函式代表一個唯一的物件類型。此外，JavaScript 中的函數可以用作對象，也可以傳遞給其他函數。

4。平台獨立

這意味著 JavaScript 是平台無關的，或者我們可以說它是可移植的；這僅僅意味著您只需編寫一次腳本即可隨時隨地運行它。一般來說，您可以編寫 JavaScript 應用程式並在任何平台或任何瀏覽器上運行它們，而不會影響腳本的輸出。

5。基於原型的語言

JavaScript 是一種基於原型的腳本語言。這意味著 JavaScript 使用原型而不是類別或繼承。在 Java 等語言中，我們建立一個類，然後為這些類別建立物件。但在 JavaScript 中，我們定義一個物件原型，然後可以使用這個物件原型建立更多物件。

7。口譯語言

JavaScript是一種解釋性語言，這意味著在JavaScript中編寫的腳本是逐行處理的。這些腳本由 JavaScript 解譯器解釋，JavaScript 解譯器是 Web 瀏覽器的內建元件。但現在瀏覽器中的許多 JavaScript 引擎（例如 Chrome 中的 V8 引擎）都使用 JavaScript 程式碼的即時編譯。

8。非同步處理

JavaScript 支援 Promise，它可以實現非同步請求，其中發起請求並且 JavaScript 不必等待回應，這有時會阻止請求處理。同樣從 ES8 開始，JavaScript 中也支援了非同步函數，這些函數不會逐一執行，而是並行處理，這對處理時間有正面的影響，很大程度上減少了處理時間。

值得注意 Java 和 JavaScript 之間的核心差異。

Javascript 和 Java 在某些方面相似，但在其他方面卻有根本不同。

與 Java 相比，Javascript 是一種自由格式的語言。您不必聲明所有變數、類別和方法。你不必關心方法是公共的、私有的還是受保護的，也不必實作接口，而Java 是一種基於類別的程式語言，專為快速執行和類型安全而設計，這意味著你不能強制轉換java 整數到物件引用或透過破壞java 字節碼存取私有記憶體。

Javascript 中的 ES6 功能及範例

Es6(ECMAScript 2015) 是 javascript 的重大更新，包含大量新功能，重點在於簡單性和可讀性。 7

讓我們來了解這些新功能以及何時以及如何使用它

1。 let 和 const 關鍵字
在引入 Es6 之前，var 關鍵字是 JavaScript 中宣告變數的唯一方法。使用 const 關鍵字，您可以將變數宣告為常數，並且作為常數，它將是唯讀的。

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。箭頭函數

這裡我們使用 =>;而不是 function 關鍵字。箭頭函數使我們的程式碼更具可讀性、簡潔性和更短。

// 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。對象

物件只是由鍵、值對組成的屬性的集合。

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

4。課程

class 關鍵字用來形式化使用函數和原型模擬類別繼承層次結構的模式。

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

5。承諾

這使得非同步呼叫變得簡單且輕鬆。

// 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。範本文字

模板文字只是意味著在字串中包含變數。

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

感謝您的閱讀，並且始終知道我支持您！ ！ ！

以上是JavaScript 基本介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章！