JavaScript 是一種編寫在 web 端的腳本語言,可以向 HTML 文檔添加交互行為。它被廣泛用于輕松創建動態和交互式 web 頁面。無論是靜態網站、與用戶交互的表單還是復雜的企業級應用程序,JavaScript 無處不在。
JavaScript 在瀏覽器中的主要任務之一是處理網頁上的事件。事件是用戶與頁面交互時發生的事情,例如單擊按鈕或拖動鼠標。JavaScript 通常用于處理這些事件,從而迅速響應與用戶的交互。下面是一個例子, 當用戶點擊按鈕時,將彈出一個提示:
JavaScript 是一種“動態”語言,這意味著變量不需要預先聲明,它們可以根據需要隨時創建和修改。以下是一個示例,演示如何創建一個變量并將其賦值:
var name = 'John'; document.write('Hello ' + name + '!');
JavaScript 提供了許多常用的內置對象,這些對象可用于執行各種任務,例如操作數組、字符串或日期等數據類型。以下是一些 JavaScript 的內置對象的示例:
var myArray = [1, 2, 3, 4]; console.log(myArray.length); // 輸出 4 var myString = 'Hello World!'; console.log(myString.toUpperCase()); // 輸出 HELLO WORLD! var today = new Date(); console.log(today.getFullYear()); // 輸出當前的年份
JavaScript 還有許多有趣的特性,如閉包和原型繼承等。閉包是一個函數和使用它的環境的組合。它允許一個函數“記住”創建它時的所有變量,即使這些變量在函數執行后已經離開了作用域。以下是一個使用閉包的示例:
function makeAdder(x) { return function(y) { return x + y; }; } var add5 = makeAdder(5); console.log(add5(3)); // 輸出 8 console.log(add5(7)); // 輸出 12
原型繼承是 JavaScript 中另一個非常重要的特性。基本上,原型繼承允許對象從其他對象繼承屬性,這個過程發生在運行時。這使得 JavaScript 強大而動態,因為它可以根據需要在運行時擴展對象。以下是一個使用原型繼承的示例:
function Animal(name) { this.name = name; } Animal.prototype.getName = function() { return this.name; } function Dog(name) { this.breed = 'Dog'; this.name = name; } Dog.prototype = new Animal(); Dog.prototype.getName = function() { return this.breed + ': ' + this.name; } var myDog = new Dog('Rufus'); console.log(myDog.getName()); // 輸出 Dog: Rufus
以上是 JavaScript 的一些示例和特性。它的動態特性、內置對象和豐富的語法使它成為 web 開發的中心語言之一。隨著應用程序變得越來越復雜,JavaScript 變得越來越重要,因為它允許您更輕松地構建更動態和交互式的 web 應用程序。