首頁 web前端 js教程 JavaScript中字面量與函數的基本使用知識_基礎知識

JavaScript中字面量與函數的基本使用知識_基礎知識

May 16, 2016 pm 03:36 PM
javascript 函數 字面量

JavaScript 字面量
在程式語言中,一個字面量是一個常數,如 3.14。
數字(Number)字面量 可以是整數或是小數,或是科學計數(e)。

3.14

1001

123e5
登入後複製

字串(String)字面量 可以使用單引號或雙引號 be written with double or single quotes:

"John Doe"

'John Doe'
登入後複製

表達式字面量 來計算:

5 + 6

5 * 10
登入後複製

陣列(Array)字面量 定義一個陣列:

[40, 100, 1, 5, 25, 10]
登入後複製


物件(Object)字面量 定義一個物件:

{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}
登入後複製


函數(Function)字面量 定義一個函數:

function myFunction(a, b) { return a * b;}
登入後複製

JavaScript 函數定義
JavaScript 使用關鍵字 function 定義函數。
函數可以透過宣告定義,也可以是一個表達式。
函數宣告
在之前的教學中,你已經了解函數宣告的語法 :

function functionName(parameters) {
 执行的代码
}
登入後複製

函數宣告後不會立即執行,會在我們需要的時候呼叫。
實例

function myFunction(a, b) {
  return a * b;
}
登入後複製

Note 分號是用來分隔執行JavaScript語句。
由於函數宣告不是一個可執行語句,所以不以分號結束。

函數表達式
JavaScript 函數可以透過一個表達式定義。
函數表達式可以儲存在變數中:
實例

var x = function (a, b) {return a * b};
登入後複製

函數表達式儲存在變數後,變數也可作為一個函數使用:
實例

var x = function (a, b) {return a * b};
var z = x(4, 3);
登入後複製

以上函數其實是 匿名函數 (函數沒有名稱)。
函數儲存在變數中,不需要函數名稱,通常透過變數名來呼叫。
Note 上述函數以分號結尾,因為它是執行語句。

Function() 建構子
在上述實例中,我們了解到函數透過關鍵字 function 定義。
函數同樣可以透過內建的 JavaScript 函數建構器(Function())定義。
實例

var myFunction = new Function("a", "b", "return a * b");

var x = myFunction(4, 3);
登入後複製

實際上,你不必使用建構子。上面實例可以寫成:
實例

var myFunction = function (a, b) {return a * b}

var x = myFunction(4, 3);
登入後複製


Note 在 JavaScript 中,很多時候,你需要避免使用 new 關鍵字。

函數提升(Hoisting)
在先前的教學中我們已經了解了 "hoisting(提升)"。
提升(Hoisting)是 JavaScript 預設將目前作用域提升到前面去的行為。
提升(Hoisting)應用在變數的宣告與函數的宣告。
因此,函數可以在宣告之前呼叫:

myFunction(5);

function myFunction(y) {
  return y * y;
}
登入後複製


使用表達式定義函數時無法提升。
自呼叫函數
函數表達式可以 "自呼叫"。
自呼叫表達式會自動呼叫。
如果表達式後面緊接在 () ,則會自動呼叫。
Y不能自呼叫宣告的函數。
透過加上括號,來說明它是一個函數表達式:
實例

(function () {
  var x = "Hello!!";   // 我将调用自己
})();
登入後複製

以上函數其實是一個 匿名自我呼叫的函數 (沒有函數名稱)。
函數可作為一個值使用
JavaScript 函數作為一個值使用:
實例

function myFunction(a, b) {
  return a * b;
}

var x = myFunction(4, 3);

登入後複製

JavaScript 函數可作為表達式使用:
實例

function myFunction(a, b) {
  return a * b;
}

var x = myFunction(4, 3) * 2;

登入後複製

函數是物件
在 JavaScript 中使用 typeof 運算子判斷函數類型將會傳回 "function" 。
但,JavaScript 函數描述為一個物件更準確。
JavaScript 函數有 屬性 和 方法。
arguments.length 屬性傳回函數呼叫過程接收到的參數個數:
實例

function myFunction(a, b) {
  return arguments.length;
}
登入後複製


toString() 方法將函數作為一個字串傳回:
實例

function myFunction(a, b) {
  return a * b;
}

var txt = myFunction.toString();
登入後複製


本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn

熱AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover

AI Clothes Remover

用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool

Undress AI Tool

免費脫衣圖片

Clothoff.io

Clothoff.io

AI脫衣器

Video Face Swap

Video Face Swap

使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱工具

記事本++7.3.1

記事本++7.3.1

好用且免費的程式碼編輯器

SublimeText3漢化版

SublimeText3漢化版

中文版,非常好用

禪工作室 13.0.1

禪工作室 13.0.1

強大的PHP整合開發環境

Dreamweaver CS6

Dreamweaver CS6

視覺化網頁開發工具

SublimeText3 Mac版

SublimeText3 Mac版

神級程式碼編輯軟體(SublimeText3)

熱門話題

Java教學
1664
14
CakePHP 教程
1423
52
Laravel 教程
1317
25
PHP教程
1268
29
C# 教程
1242
24
golang函數動態建立新函數的技巧 golang函數動態建立新函數的技巧 Apr 25, 2024 pm 02:39 PM

Go語言提供了兩種動態函數創建技術:closures和反射。 closures允許存取閉包作用域內的變量,而反射可使用FuncOf函數建立新函數。這些技術在自訂HTTP路由器、實現高度可自訂的系統和建置可插拔的元件方面非常有用。

C++ 函數命名中參數順序的考慮 C++ 函數命名中參數順序的考慮 Apr 24, 2024 pm 04:21 PM

在C++函數命名中,考慮參數順序至關重要,可提高可讀性、減少錯誤並促進重構。常見的參數順序約定包括:動作-物件、物件-動作、語意意義和遵循標準函式庫。最佳順序取決於函數目的、參數類型、潛在混淆和語言慣例。

excel函數公式大全 excel函數公式大全 May 07, 2024 pm 12:04 PM

1. SUM函數,用於對一列或一組單元格中的數字進行求和,例如:=SUM(A1:J10)。 2、AVERAGE函數,用於計算一列或一組儲存格中的數字的平均值,例如:=AVERAGE(A1:A10)。 3.COUNT函數,用於計算一列或一組單元格中的數字或文字的數量,例如:=COUNT(A1:A10)4、IF函數,用於根據指定的條件進行邏輯判斷,並返回相應的結果。

C++ 函式預設參數與可變參數的優缺點比較 C++ 函式預設參數與可變參數的優缺點比較 Apr 21, 2024 am 10:21 AM

C++函數中預設參數的優點包括簡化呼叫、增強可讀性、避免錯誤。缺點是限制靈活性、命名限制。可變參數的優點包括無限彈性、動態綁定。缺點包括複雜性更高、隱式型別轉換、除錯困難。

C++ 函式回傳參考型別有什麼好處? C++ 函式回傳參考型別有什麼好處? Apr 20, 2024 pm 09:12 PM

C++中的函數傳回參考類型的好處包括:效能提升:引用傳遞避免了物件複製,從而節省了記憶體和時間。直接修改:呼叫方可以直接修改傳回的參考對象,而無需重新賦值。程式碼簡潔:引用傳遞簡化了程式碼,無需額外的賦值操作。

如何在Java中寫出高效和可維護的函數? 如何在Java中寫出高效和可維護的函數? Apr 24, 2024 am 11:33 AM

編寫高效且可維護的Java函數的關鍵在於:保持簡潔。使用有意義的命名。處理特殊情況。使用適當的可見性。

自訂 PHP 函數和預定義函數之間有什麼區別? 自訂 PHP 函數和預定義函數之間有什麼區別? Apr 22, 2024 pm 02:21 PM

自訂PHP函數與預定義函數的差異在於:作用域:自訂函數僅限於其定義範圍,而預定義函數可在整個腳本中存取。定義方式:自訂函數使用function關鍵字定義,而預先定義函數則由PHP核心定義。參數傳遞:自訂函數接收參數,而預先定義函數可能不需要參數。擴充性:自訂函數可以根據需要創建,而預定義函數是內建的且無法修改。

C++ 函式異常進階:客製化錯誤處理 C++ 函式異常進階:客製化錯誤處理 May 01, 2024 pm 06:39 PM

C++中的異常處理可透過自訂異常類別增強,提供特定錯誤訊息、上下文資訊以及根據錯誤類型執行自訂操作。定義繼承自std::exception的異常類,提供特定的錯誤訊息。使用throw關鍵字拋出自訂異常。在try-catch區塊中使用dynamic_cast將捕獲到的異常轉換為自訂異常類型。在實戰案例中,open_file函數會拋出FileNotFoundException異常,捕捉並處理該異常可提供更具體的錯誤訊息。

See all articles