JavaScript引用類型Function實例詳解

本文實例講述了JavaScript引用類型Function。分享給大家供大家參考，具體如下：

創(chuàng)新互聯(lián)主營迎澤網(wǎng)站建設的網(wǎng)絡公司,主營網(wǎng)站建設方案,APP應用開發(fā),迎澤h5小程序制作搭建,迎澤網(wǎng)站營銷推廣歡迎迎澤等地區(qū)企業(yè)咨詢

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構(gòu)造函數(shù)。

Function構(gòu)造函數(shù)接收任意數(shù)量的參數(shù)，前面的參數(shù)枚舉了函數(shù)的參數(shù)，最后一個參數(shù)是函數(shù)體。一般不推薦使用Function構(gòu)造函數(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(){});
//表達式，包含在分組操作符——括號()內(nèi)，括號()內(nèi)只能包含表達式

例4：

[function func() {}];//表達式，數(shù)組初始化器內(nèi)只能是表達式

例5：

1, function func() {};//表達式，逗號只能操作表達式

③、函數(shù)構(gòu)造器

函數(shù)構(gòu)造器創(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ù)構(gòu)造器創(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ù)聲明之前調(diào)用它，也不可能在聲明之后調(diào)用它。但是，函數(shù)表達式在遞歸調(diào)用中可以通過名稱調(diào)用自身。

例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可用，遞歸調(diào)用可以通過名稱調(diào)用自身
})();
func(); // func is not a function，外部不可用

3)函數(shù)聲明只能出現(xiàn)在程序或函數(shù)體內(nèi)，不能出現(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();

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《javascript面向?qū)ο笕腴T教程》、《JavaScript常用函數(shù)技巧匯總》、《JavaScript錯誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學運算用法總結(jié)》

希望本文所述對大家JavaScript程序設計有所幫助。

分享標題：JavaScript引用類型Function實例詳解
本文路徑：http://muchs.cn/article18/ihiegp.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供App設計、面包屑導航、微信小程序、軟件開發(fā)、建站公司、動態(tài)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

營銷型網(wǎng)站建設