本文實(shí)例講述了JavaScript引用類型Function。分享給大家供大家參考,具體如下:
Function類型
函數(shù)是對象,函數(shù)名是指針:每個函數(shù)都是Function類型的實(shí)例。由于函數(shù)是對象,因此函數(shù)名是一個指向函數(shù)對象的指針,不會與某個函數(shù)綁定,一個函數(shù)可能會有多個名字。
function getSum(a, b) { return a + b;}alert(getSum(2, 3));//5var copy = getSum;alert(copy(2, 3));//5getSum = null;alert(copy(2, 3));//5定義函數(shù)的方式有三種:函數(shù)聲明、函數(shù)表達(dá)式、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ù)表達(dá)式
function 函數(shù)名稱|可選(參數(shù)|可選) { 函數(shù)體 }
例1:
var fun = function func() {};//表達(dá)式,賦值表達(dá)式的一部分例2:
new function func(){};//表達(dá)式,new表達(dá)式例3:
(function func(){});//表達(dá)式,包含在分組操作符――括號()內(nèi),括號()內(nèi)只能包含表達(dá)式例4:
[function func() {}];//表達(dá)式,數(shù)組初始化器內(nèi)只能是表達(dá)式例5:
1, function func() {};//表達(dá)式,逗號只能操作表達(dá)式③、函數(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ù)表達(dá)式的區(qū)別
1)函數(shù)聲明在進(jìn)入上下文階段創(chuàng)建,在代碼執(zhí)行階段就已經(jīng)可用了,函數(shù)表達(dá)式則是在代碼執(zhí)行階段才創(chuàng)建,所以函數(shù)聲明可以提升,但函數(shù)表達(dá)式則不能。
函數(shù)聲明提升:
func();//Function declarationfunction func(){ alert("Function declaration");}函數(shù)表達(dá)式不能提升:
func();//報錯:func is not a functionvar func = function (){ alert("Function expression");}2)函數(shù)聲明影響變量對象VO,也就是存儲在上下文的VO中的變量對象,函數(shù)表達(dá)式不影響變量對象VO,不存在于變量對象中,這意味著既不可能通過名稱在函數(shù)聲明之前調(diào)用它,也不可能在聲明之后調(diào)用它。但是,函數(shù)表達(dá)式在遞歸調(diào)用中可以通過名稱調(diào)用自身。
例1:
alert(func); //報錯:func is not a function。定義之前不可用,因?yàn)樗诖a執(zhí)行階段創(chuàng)建(function func() {});alert(func); //報錯:func is not a function。定義之后也不可用,因?yàn)樗辉谧兞繉ο骎O中例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)在表達(dá)式或塊({ … })中,如if、while或for語句中。因?yàn)镴avaScript無塊級作用域,只有函數(shù)和全局作用域。 函數(shù)表達(dá)式出現(xiàn)在表達(dá)式的位置。
函數(shù)聲明:有的瀏覽器會返回if,而有的瀏覽器會返回else。
if (true) { function func() { alert('if'); }}else { function func() { alert('else'); }}func();函數(shù)表達(dá)式:所有瀏覽器都返回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ù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對大家JavaScript程序設(shè)計有所幫助。
新聞熱點(diǎn)
疑難解答