JavaScript引用類型Function實例詳解
本文實例講述了JavaScript引用類型Function。分享給大家供大家參考，具體如下：
Function類型
函數(shù)是對象，函數(shù)名是指針：每個函數(shù)都是Function類型的實例。由于函數(shù)是對象，因此函數(shù)名是一個指向函數(shù)對象的指針，不會與某個函數(shù)綁定，一個函數(shù)可能會有多個名字。
function getSum(a, b) {
return a + b;
}
alert(getSum(2, 3));//5
var copy = getSum;
alert(copy(2, 3));//5
getSum = null;
alert(copy(2, 3));//5
定義函數(shù)的方式有三種：函數(shù)聲明、函數(shù)表達式、Function構造函數(shù)。
Function構造函數(shù)接收任意數(shù)量的參數(shù)，前面的參數(shù)枚舉了函數(shù)的參數(shù)，最后一個參數(shù)是函數(shù)體。一般不推薦使用Function構造函數(shù)定義函數(shù)。
var getSum = new Function("a", "b", "return a + b";
JavaScript沒有函數(shù)重載的概念，若聲明了兩個同名函數(shù)，則后面的函數(shù)會覆蓋前面的函數(shù)。
由于函數(shù)名本身是變量，因此函數(shù)也可以作為值來使用，不僅可以傳遞一個函數(shù)作為參數(shù)，還可以將函數(shù)作為返回值。
function callFunction(func, arguments) {
return func(arguments);
}
function sayHello(name) {
return "Hello, " + name;
}
var result = callFunction(sayHello, "Alice");
alert(result);//Hello, Alice
①、函數(shù)聲明
function 函數(shù)名稱(參數(shù)|可選) { 函數(shù)體 }
例：
function func1(){// 聲明，程序的一部分
function func() {// 聲明，函數(shù)體的一部分
...//函數(shù)體
}
}
②、函數(shù)表達式
function 函數(shù)名稱|可選(參數(shù)|可選) { 函數(shù)體 }
例1：
var fun = function func() {};//表達式，賦值表達式的一部分
例2：
new function func(){};//表達式，new表達式
例3：
(function func(){});
//表達式，包含在分組操作符——括號()內，括號()內只能包含表達式
例4：
[function func() {}];//表達式，數(shù)組初始化器內只能是表達式
例5：
1, function func() {};//表達式，逗號只能操作表達式
③、函數(shù)構造器
函數(shù)構造器創(chuàng)建的函數(shù)的[[Scope]]屬性僅包含全局對象。
<script>
var a = 1;
func1();
function func1() {
var a = 2;
var b = 3;
var func2 = new Function("alert(a); alert(b);");
func2();//1,b is not defined
}
</script>
函數(shù)構造器創(chuàng)建的函數(shù)func2可以從全局對象中取得變量a，但全局對象中沒有b，因此報錯：b未定義。
函數(shù)聲明和函數(shù)表達式的區(qū)別
1)函數(shù)聲明在進入上下文階段創(chuàng)建，在代碼執(zhí)行階段就已經(jīng)可用了，函數(shù)表達式則是在代碼執(zhí)行階段才創(chuàng)建，所以函數(shù)聲明可以提升，但函數(shù)表達式則不能。
函數(shù)聲明提升：
func();//Function declaration
function func(){
alert("Function declaration");
}
函數(shù)表達式不能提升：
func();//報錯：func is not a function
var func = function (){
alert("Function expression");
}
2)函數(shù)聲明影響變量對象VO，也就是存儲在上下文的VO中的變量對象，函數(shù)表達式不影響變量對象VO，不存在于變量對象中，這意味著既不可能通過名稱在函數(shù)聲明之前調用它，也不可能在聲明之后調用它。但是，函數(shù)表達式在遞歸調用中可以通過名稱調用自身。
例1：
alert(func); //報錯：func is not a function。定義之前不可用，因為它在代碼執(zhí)行階段創(chuàng)建
(function func() {});
alert(func); //報錯：func is not a function。定義之后也不可用，因為它不在變量對象VO中
例2：
(function func(param) {
if (param) {
return;
}
func(true);//func可用，遞歸調用可以通過名稱調用自身
})();
func(); // func is not a function，外部不可用
3)函數(shù)聲明只能出現(xiàn)在程序或函數(shù)體內，不能出現(xiàn)在表達式或塊（{ … }）中，如if、while或for語句中。因為JavaScript無塊級作用域，只有函數(shù)和全局作用域。 函數(shù)表達式出現(xiàn)在表達式的位置。
函數(shù)聲明：有的瀏覽器會返回if，而有的瀏覽器會返回else。
if (true) {
function func() {
alert('if');
}
}
else {
function func() {
alert('else');
}
}
func();
函數(shù)表達式：所有瀏覽器都返回if。
var func;
if (true) {
func = function() {
alert('if');
};
}
else {
func = function() {
alert('else');
};
}
func();
更多關于JavaScript相關內容感興趣的讀者可查看本站專題：《javascript面向對象入門教程》、《JavaScript常用函數(shù)技巧匯總》、《JavaScript錯誤與調試技巧總結》、《JavaScript數(shù)據(jù)結構與算法技巧總結》、《JavaScript遍歷算法與技巧總結》及《JavaScript數(shù)學運算用法總結》
希望本文所述對大家JavaScript程序設計有所幫助。
相關文章
這篇文章主要為大家介紹了uniapp微信小程序強制更新解決的示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-10-10
這篇文章主要介紹了如何用threejs實現(xiàn)實時多邊形折射，對three.js庫感興趣的同學，可以參考下2021-05-05
一般我們在做一個大型項目的時候,需要用到很多接口時,我們?yōu)榱朔奖闶褂?就把接口封裝起來,這篇文章主要給大家介紹了關于axios簡單封裝以及使用的相關資料,需要的朋友可以參考下2021-06-06
這是一個通過js實現(xiàn)的支付后的頁面，點擊支付會跳出一個彈窗，提示你是否要確定支付，確定后進入付后界面，該頁面有著10秒倒計時，計時結束后便會返回原界面，也可以選擇立刻返回，來返回主頁面，這篇文章主要介紹了基于JS實現(xiàn)01支付后的10秒倒計時,需要的朋友可以參考下2023-03-03
在學習JS中我對鼠標移動事件進行了一些總結,需要的可以作參考,下面這篇文章主要給大家介紹了關于JavaScript鼠標移動事件以及實戰(zhàn)案例的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-05-05
經(jīng)理交給我一個網(wǎng)站新聞資訊網(wǎng)頁開發(fā)的活兒，對于我這樣的java程序員，沒有接觸過網(wǎng)頁設計這么高端的東東，該怎么搞呢，去度娘那搜索到不少結果，而且很大部分都是用jquery做的，于是根據(jù)自己的一些的理解，提供了這篇jquery輪播效果的講解，有需要的朋友可以來參考下2015-08-08
這篇文章主要為大家介紹了如何使用splitChunks精細控制代碼分割來實現(xiàn)降低包大小的示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-07-07
JavaScript實現(xiàn)HTML5游戲斷線自動重連的方法
這篇文章主要介紹了JavaScript實現(xiàn)HTML5游戲斷線自動重連的方法,需要的朋友可以參考下2017-09-09
這篇文章主要介紹了js如何獲取type=radio值,需要的朋友可以參考下2014-05-05
這篇文章主要為大家詳細介紹了原生js實現(xiàn)旋轉木馬效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2022-02-02