javascript中函數(shù)語句和表達式定義函數(shù)的區(qū)別

#1 CD RipperCD音頻處理工具V1.90版

• 類型：音頻處理大�。�1M語言：中文 評分：5.3
• 標簽：

立即下載

JavaScript 語句
JavaScript 語句向瀏覽器發(fā)出的命令。語句的作用是告訴瀏覽器該做什么。
下面的 JavaScript 語句向 id="demo" 的 HTML 元素輸出文本 "Hello World"：
document.getElementById("demo").innerHTML="Hello World";

分號;
分號用于分隔 JavaScript 語句。
通常我們在每條可執(zhí)行的語句結尾添加分號。
使用分號的另一用處是在一行中編寫多條語句。
提示：您也可能看到不帶有分號的案例。
在 JavaScript 中，用分號來結束語句是可選的。

JavaScript 代碼
JavaScript 代碼（或者只有 JavaScript）是 JavaScript 語句的序列。
瀏覽器會按照編寫順序來執(zhí)行每條語句。
本例將操作兩個 HTML 元素：
實例
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";

JavaScript 代碼塊
JavaScript 語句通過代碼塊的形式進行組合。
塊由左花括號開始，由右花括號結束。
塊的作用是使語句序列一起執(zhí)行。

JavaScript 函數(shù)是將語句組合在塊中的典型例子。
下面的例子將運行可操作兩個 HTML 元素的函數(shù)：
實例
function myFunction()
{
document.getElementById("demo").innerHTML="Hello World";
document.getElementById("myDIV").innerHTML="How are you?";
}
您將在稍后的章節(jié)學到更多有關函數(shù)的知識。

JavaScript 對大小寫敏感。
JavaScript 對大小寫是敏感的。
當編寫 JavaScript 語句時，請留意是否關閉大小寫切換鍵。
函數(shù) getElementById 與 getElementbyID 是不同的。
同樣，變量 myVariable 與 MyVariable 也是不同的。

空格
JavaScript 會忽略多余的空格。您可以向腳本添加空格，來提高其可讀性。下面的兩行代碼是等效的：
var name="Hello";
var name = "Hello";

對代碼行進行折行
您可以在文本字符串中使用反斜杠對代碼行進行換行。下面的例子會正確地顯示：
document.write("Hello \
World!");
不過，您不能像這樣折行：
document.write \
("Hello World!");

使用javascript多年，寫過無數(shù)函數(shù)，今天卻才真正弄明白兩種函數(shù)定義的區(qū)別，真是悲劇，寫下這個隨筆， 以時刻提醒自己要打好基礎 ， 一大把年紀了， 不能繼續(xù)懵懵懂懂了。

通常我們會看到以下兩種定義函數(shù)的方式： 

// 函數(shù)語句
function fn(str)
{
  console.log(str);
};

// 表達式定義
var fnx=function(str)
{
  console.log(str+ ' from fnx');
};

以前都是憑借自己手指的感覺隨心所欲使用兩者 -_- || ，今天看了js基礎， 總算是解決了心中對他們的困惑：

兩種方式都創(chuàng)建了新的函數(shù)對象， 但函數(shù)聲明語句的函數(shù)名是一個變量名， 變量指向函數(shù)對象， 和通過var聲明變量一樣，函數(shù)定義語句中的函數(shù)被顯示地提前到了腳本或函數(shù)的頂部， 因此它們在整個腳本和函數(shù)內(nèi)都是可見的，但是使用var 表達式定義函數(shù)， 只有變量聲明提前了，變量初始化代碼仍然在原來的位置， 用函數(shù)語句創(chuàng)建的函數(shù)， 函數(shù)名稱和函數(shù)體均被提前，所以我們可以在聲明它之前就使用它。 

代碼例子如下:

    console.log(typeof(fn)); // function
    fn('abc'); // abc


    console.log(typeof(fnx)); // undefined

    if(fnx)
        fnx('abc');  // will not execute
    else
        console.log('fnx is undefined'); // fnx is undefined

    // 函數(shù)語句
    function fn(str)
    {
        console.log(str);
    };

    // 表達式定義
    var fnx=function(str)
    {
        console.log(str+ ' from fnx');
    };

代碼很簡單， 希望和我之前一樣沒有弄明白兩者區(qū)別的同學能有所收獲。