美女视频动漫,杨幂醉酒视频在线观看网站,土豪后入美女视频

一篇文章帶你了解JavaScript函數定義

Python進階者 >《待分類》

2023.02.10 廣東

關注

回復“前端”即可獲贈前端相關學習資料

今

日

雞

湯

福如東海，壽比南山。

JavaScript 函數使用 function 關鍵字來定義，可以使用一個函數聲明或者一個函數表達式。

一、函數聲明

示例：

聲明一個函數不會立即執(zhí)行。

它們被“保存以供稍后使用”，稍后將被執(zhí)行，當它們被調用（call）。

<!DOCTYPE html><html lang="en">    <head>        <meta charset="UTF-8">        <title>項目</title>    </head>    <body style="background-color: aqua;"> 
        <h1>JavaScript 函數</h1>
        <p>此示例調用一個函數，該函數執(zhí)行計算并返回結果</p>
        <p id="demo"></p>
        <script>            function myfan(a, b) {                return a / b;            }            document.getElementById("demo").innerHTML = myfan(6, 7);</script>
    </body></html>

分號是用來分隔執(zhí)行JavaScript語句。因為一個函數聲明不是一個可執(zhí)行語句，它不用分號結尾。

二、函數表達式

一個JavaScript函數也可以使用表達式定義。

函數表達式可以存儲在變量中。

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

完整代碼：

<!DOCTYPE html><html lang="en">    <head>        <meta charset="UTF-8">        <title>項目</title>    </head>    <body style="background-color: aqua;">
        <p>一個函數可以存儲到一個變量里面:</p>        <p id="demo"></p>
        <script>            var x = function(a, b) {                return a * b            };            document.getElementById("demo").innerHTML = x;</script>
    </body></html>

函數表達式存儲在變量中后，變量可以作為函數使用。

var x = function (a, b) {  return a * b};var z = x(4, 3);

上面的函數實際上是一個匿名函數（一個沒有名字的函數），存儲在變量中的函數不需要函數名。它們總是使用變量名調用（call）。

上面的函數用分號結束，因為它是一個可執(zhí)行語句的一部分。

三、Function() 構造函數

1. 定義

JavaScript函數使用function關鍵字定義。函數還可以用一個內置的叫做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(5, 5);

大多數時候，可以避免使用 new 關鍵詞在JavaScript 。

2. Function 提升（Hoisting）

Hoisting是JavaScript的默認行為是移動聲明當前范圍的頂部。Hoisting 適用于變量聲明和函數聲明。

正因為如此，JavaScript函數可以調用之前就被聲明:

myFunction(5);
function myFunction(y) {    return y * y;}

使用表達式定義函數不會被提升。

四、自調用函數

函數表達式可以進行 “自調用” 。

自動調用一個自調用表達式（自動啟動），而不必調用.函數表達式將自動執(zhí)行，如果表達式隨后 ()，不能自調用一個函數聲明.您必須在函數的周圍添加圓括號，以指示它是函數表達式:

 <script>    (fun        document.getElementById("demo").ction () {innerHTML = "Hello! I called myself";    })();  </script>

上面的函數實際上是一個匿名的自調用函數（沒有名字的函數）。

函數可以用作值

JavaScript 函數可以用作值。

<!DOCTYPE html><html lang="en"><head>  <meta charset="UTF-8">  <title>項目</title></head><body>
  <p>函數可以作為值對待:</p>  <p>x = myFunction(4,3) or x = 12</p>  <p>在這兩種情況下, x 都會是12.</p>  <p id="demo"></p>
  <script>      function myFunction(a, b) {          return a * b;      }      var x = myFunction(4, 3);      document.getElementById("demo").innerHTML = x;</script></body></html>

JavaScript函數可以用在表達式:

 <script>    function myFunction(a, b) {        return a * b;    }    var x = myFunction(4, 3) * 2; /*函數可以在表達式中使用.*/    document.getElementById("demo").innerHTML = x;</script>