javascript 兩種聲明函數的方式的剖析

javascript 兩種聲明函數的方式的剖析。本站提示廣大學習愛好者：（javascript 兩種聲明函數的方式的剖析）文章只能為提供參考，不一定能成為您想要的結果。以下是javascript 兩種聲明函數的方式的剖析正文

javascript 聲明函數

JavaScript有兩種聲明函數的方式，一個是函數表達式定義函數，也就是我們說的匿名函數方式，一個是函數語句定義函數，上面看代碼：

/*方式一*/
var FUNCTION_NAME = function() { /* FUNCTION_BODY */};
/*方式二*/
function FUNCTION_NAME () { /* FUNCTION_BODY */}; 

區別一

方式一的聲明方式是先聲明後運用

方式二的聲明方式可以先調用，後聲明

/*方式一:
 *先聲明後運用
 */

//f1();這裡調用就會出錯 
var f1 = function () {
     alert("var方式");
}
f1();//這裡運用才正確

/*方式二:
 *可以先運用後聲明
 */

f2(); //這裡調用可以正常執行 
function f2 () {
     alert("function方式");
}
f2();//這裡調用可以正常執行

區別二

//方式一
var FUNCTION_NAME = function() { /* FUNCTION_BODY */};
/*
這種方式,編譯後變量聲明 FUNCTION_NAME 會“被提早”了，但是他的賦值（也就是FUNCTION_BODY）並不會被提早。匿名函數只要在被調用時才被初始化。
*/
//方式二
function FUNCTION_NAME () { /* FUNCTION_BODY */}; 
/*
這種方式， 編譯後 函數聲明 和 賦值 都會被提早。
即函數聲明進程在整個順序執行之前的預處置就完成了，所以只需處於同一個作用域，就可以訪問到，即便在定義之前調用它也可以。
*/

上面看一個例子：

function f() {
 alert('1');
}

f(); // 彈窗內容是：2

function f() {
 alert ('2');
}

運轉時 f() 執行的是alert (‘2');次要緣由是JavaScript 函數聲明的“提早”行為，簡而言之，就是Javascript允許我們在變量和函數被聲明之前運用它們，而第二個定義掩蓋了第一種定義。換句話說，上述代碼編譯之後相當於：

function f() {
 alert('1');
}

function f() {
 alert ('2');//聲明前置了，但由於這裡的聲明和賦值在一同，所以一同前置
}

f(); // 彈窗內容是：2

上面再看一個例子：

var f= function() {
 alert('1');
}

f(); // 彈窗內容是：1

function f() {
 alert ('2');
}

這裡就是我們等待的behavior，這段順序編譯之後相當於：

var f; //聲明前置了
function f() {
 alert('1');
}

f(); // 彈窗內容是：1

function f() {
 alert ('2');
}

最後再看一個例子：

f(); //第一次調用函數 彈窗內容是：2

var f= function() {
 alert('1');
}

f(); //第二次調用函數 彈窗內容是：1

function f() {
 alert ('2');
}
f(); //第三次調用函數 彈窗內容是：1

看到後果大家應該都明白了吧。

感激閱讀，希望能協助到大家，謝謝大家對本站的支持！