JS特殊函數(shù)(Function()構(gòu)造函數(shù)、函數(shù)直接量)區(qū)別介紹
更新時間:2013年05月19日 15:40:08 作者:
函數(shù)是由這樣的方式進行聲明的:關(guān)鍵字 function、函數(shù)名、一組參數(shù),以及置于括號中的待執(zhí)行代碼;Function()構(gòu)造函數(shù)實際上是功能完整的對象
函數(shù)定義
函數(shù)是由這樣的方式進行聲明的:關(guān)鍵字 function、函數(shù)名、一組參數(shù),以及置于括號中的待執(zhí)行代碼。
函數(shù)的構(gòu)造語法有這三種:
Js代碼
1.function functionName(arg0, arg1, ... argN) { statements }//function語句
2.var function_name = new Function(arg1, arg2, ..., argN, function_body);//Function()構(gòu)造函數(shù)
3.var func = function(arg0, arg1, ... argN) { statements };//函數(shù)直接量
示例:
Js代碼
1.function f(x){return x*x};//function語句
2.var f = new Function("x","return x*x;");//Function()構(gòu)造函數(shù)
3.var f = function(x){return x*x;};//函數(shù)直接量
如果函數(shù)無明確的返回值,或調(diào)用了沒有參數(shù)的 return 語句,那么它真正返回的值是 undefined。
Function()構(gòu)造函數(shù)
函數(shù)實際上是功能完整的對象 。Function類可以表示開發(fā)者定義的任何函數(shù)。用Function類直接創(chuàng)建函數(shù)的語法如下:
var function_name = new function(arg1, arg2, ..., argN, function_body)
在上面的形式中,每個 arg 都是一個參數(shù),最后一個參數(shù)是函數(shù)主體(要執(zhí)行的代碼)。這些參數(shù)必須是字符串。
var sayHi = new Function("sName", "sMessage", "alert('Hello ' + sName + sMessage);");
sayHi("jzj,", "你好!");//Hello jzj,你好!
函數(shù)名只是指向函數(shù)的變量,那么可以把函數(shù)作為參數(shù)傳遞給另一個函數(shù)嗎?答案是可以的,請看:
Js代碼
function callAnotherFunc(fnFunction, vArgument) {
fnFunction(vArgument);
}
var doAdd = new Function("iNum", "alert(iNum + 10)");
callAnotherFunc(doAdd, 10); //輸出 "20"
注意:盡管可以使用 Function 構(gòu)造函數(shù)創(chuàng)建函數(shù),但最好不要使用它,因為用它定義函數(shù)比用傳統(tǒng)方式要慢得多。不過,所有函數(shù)都應(yīng)看作 Function 類的實例 。
如果你定義的函數(shù)沒有參數(shù),那么可以只需給構(gòu)造函數(shù)傳遞一個字符串(即函數(shù)的主體)即可。
注意:傳遞給構(gòu)造函數(shù)Function()的參數(shù)中沒有一個用于說明它要創(chuàng)建的函數(shù)名。用Function()構(gòu)造函數(shù)創(chuàng)建的未命名函數(shù)有時被稱為“匿名函數(shù)”。
Function()函數(shù)允許我們動態(tài)地建立和編譯一個函數(shù),它不會將我們限制在function語句預(yù)編譯的函數(shù)體中。
函數(shù)直接量
函數(shù)直接量是一個表達式,它可以定義匿名函數(shù)。函數(shù)直接量的語法和function語句非常相似,只不過它被用作表達式,而不是用作語句,而且也無需指定函數(shù)名。語法:
Js代碼
var func = function(arg0, arg1, ... argN) { statements };//函數(shù)直接量
雖然函數(shù)直接量創(chuàng)建的是未命名函數(shù),但是它的語法也規(guī)定它可以指定函數(shù)名,這在編寫調(diào)用自身的遞歸函數(shù)時非常有用,例如:
Js代碼
var f = function fact(x) {
if (x <= 1) {
return 1;
} else {
return x * fact(x - 1);
}
};
注:它并沒有真正創(chuàng)建一個名為fact()函數(shù),只是允許函數(shù)體用這個名字來引用自身。JavaScript1.5之前的版本中沒有正確實現(xiàn)這種命名的函數(shù)直接量。
•函數(shù)引用
函數(shù)名并沒有什么實質(zhì)意義,它不過是用來保存函數(shù)的變量名字,可以將這個函數(shù)賦給其他變量,它仍然會以相同方式起作用:
Js代碼
function square(x){return x*x;}
var a = square;
var b = a(5);//b 為25
這有點像C++中的函數(shù)指針了。
Function()構(gòu)造函數(shù)和函數(shù)直接量差別
Function()構(gòu)造函數(shù)和函數(shù)直接量之間的差別有一點就是:使用構(gòu)造函數(shù)Function()創(chuàng)建的函數(shù)不使用詞法作用域,相反的,它們總是被頂級函數(shù)來編譯,如:
Js代碼
var y = "global";
function constructFunction() {
var y = "local";
//Function()構(gòu)造函數(shù)
return new Function("return y;");//不使用局部作用域
}
function constFunction() {
var y = "local";
//函數(shù)直接量
var f = function () {
return y;//使用局部作用域
};
return f;
}
//顯示 global,因為Function()構(gòu)造函數(shù)返回的函數(shù)并不使用局部作用域
alert(constructFunction()());
//顯示 lobal,因為函數(shù)直接量返回的函數(shù)并使用局部作用域
alert(constFunction()());
函數(shù)是由這樣的方式進行聲明的:關(guān)鍵字 function、函數(shù)名、一組參數(shù),以及置于括號中的待執(zhí)行代碼。
函數(shù)的構(gòu)造語法有這三種:
Js代碼
復(fù)制代碼 代碼如下:
1.function functionName(arg0, arg1, ... argN) { statements }//function語句
2.var function_name = new Function(arg1, arg2, ..., argN, function_body);//Function()構(gòu)造函數(shù)
3.var func = function(arg0, arg1, ... argN) { statements };//函數(shù)直接量
示例:
Js代碼
復(fù)制代碼 代碼如下:
1.function f(x){return x*x};//function語句
2.var f = new Function("x","return x*x;");//Function()構(gòu)造函數(shù)
3.var f = function(x){return x*x;};//函數(shù)直接量
如果函數(shù)無明確的返回值,或調(diào)用了沒有參數(shù)的 return 語句,那么它真正返回的值是 undefined。
Function()構(gòu)造函數(shù)
函數(shù)實際上是功能完整的對象 。Function類可以表示開發(fā)者定義的任何函數(shù)。用Function類直接創(chuàng)建函數(shù)的語法如下:
var function_name = new function(arg1, arg2, ..., argN, function_body)
在上面的形式中,每個 arg 都是一個參數(shù),最后一個參數(shù)是函數(shù)主體(要執(zhí)行的代碼)。這些參數(shù)必須是字符串。
var sayHi = new Function("sName", "sMessage", "alert('Hello ' + sName + sMessage);");
sayHi("jzj,", "你好!");//Hello jzj,你好!
函數(shù)名只是指向函數(shù)的變量,那么可以把函數(shù)作為參數(shù)傳遞給另一個函數(shù)嗎?答案是可以的,請看:
Js代碼
復(fù)制代碼 代碼如下:
function callAnotherFunc(fnFunction, vArgument) {
fnFunction(vArgument);
}
var doAdd = new Function("iNum", "alert(iNum + 10)");
callAnotherFunc(doAdd, 10); //輸出 "20"
注意:盡管可以使用 Function 構(gòu)造函數(shù)創(chuàng)建函數(shù),但最好不要使用它,因為用它定義函數(shù)比用傳統(tǒng)方式要慢得多。不過,所有函數(shù)都應(yīng)看作 Function 類的實例 。
如果你定義的函數(shù)沒有參數(shù),那么可以只需給構(gòu)造函數(shù)傳遞一個字符串(即函數(shù)的主體)即可。
注意:傳遞給構(gòu)造函數(shù)Function()的參數(shù)中沒有一個用于說明它要創(chuàng)建的函數(shù)名。用Function()構(gòu)造函數(shù)創(chuàng)建的未命名函數(shù)有時被稱為“匿名函數(shù)”。
Function()函數(shù)允許我們動態(tài)地建立和編譯一個函數(shù),它不會將我們限制在function語句預(yù)編譯的函數(shù)體中。
函數(shù)直接量
函數(shù)直接量是一個表達式,它可以定義匿名函數(shù)。函數(shù)直接量的語法和function語句非常相似,只不過它被用作表達式,而不是用作語句,而且也無需指定函數(shù)名。語法:
Js代碼
復(fù)制代碼 代碼如下:
var func = function(arg0, arg1, ... argN) { statements };//函數(shù)直接量
雖然函數(shù)直接量創(chuàng)建的是未命名函數(shù),但是它的語法也規(guī)定它可以指定函數(shù)名,這在編寫調(diào)用自身的遞歸函數(shù)時非常有用,例如:
Js代碼
復(fù)制代碼 代碼如下:
var f = function fact(x) {
if (x <= 1) {
return 1;
} else {
return x * fact(x - 1);
}
};
注:它并沒有真正創(chuàng)建一個名為fact()函數(shù),只是允許函數(shù)體用這個名字來引用自身。JavaScript1.5之前的版本中沒有正確實現(xiàn)這種命名的函數(shù)直接量。
•函數(shù)引用
函數(shù)名并沒有什么實質(zhì)意義,它不過是用來保存函數(shù)的變量名字,可以將這個函數(shù)賦給其他變量,它仍然會以相同方式起作用:
Js代碼
復(fù)制代碼 代碼如下:
function square(x){return x*x;}
var a = square;
var b = a(5);//b 為25
這有點像C++中的函數(shù)指針了。
Function()構(gòu)造函數(shù)和函數(shù)直接量差別
Function()構(gòu)造函數(shù)和函數(shù)直接量之間的差別有一點就是:使用構(gòu)造函數(shù)Function()創(chuàng)建的函數(shù)不使用詞法作用域,相反的,它們總是被頂級函數(shù)來編譯,如:
Js代碼
復(fù)制代碼 代碼如下:
var y = "global";
function constructFunction() {
var y = "local";
//Function()構(gòu)造函數(shù)
return new Function("return y;");//不使用局部作用域
}
function constFunction() {
var y = "local";
//函數(shù)直接量
var f = function () {
return y;//使用局部作用域
};
return f;
}
//顯示 global,因為Function()構(gòu)造函數(shù)返回的函數(shù)并不使用局部作用域
alert(constructFunction()());
//顯示 lobal,因為函數(shù)直接量返回的函數(shù)并使用局部作用域
alert(constFunction()());
相關(guān)文章
JS數(shù)組遍歷中for,for in,for of,map,forEach各自的使用方法與優(yōu)缺點
這篇文章主要介紹了JS數(shù)組遍歷中for,for in,for of,map,forEach各自的使用方法與優(yōu)缺點,需要的朋友可以參考下2022-01-01JavaScript中的關(guān)鍵字"VAR"使用詳解 分享
JScript的語法教程里面說在聲明變量時忽略var關(guān)鍵字是完全合法的。但是事實常常又證明想當然的結(jié)果是不可靠的。2013-07-07JavaScript中Function()函數(shù)的使用教程
這篇文章主要介紹了JavaScipt中Function()函數(shù)的使用教程,是JavaScipt入門學習中的基礎(chǔ)知識,需要的朋友可以參考下2015-06-06parentElement,srcElement的使用小結(jié)
本篇文章主要是對parentElement,srcElement的使用進行了詳細的介紹,需要的朋友可以過來參考下,希望對大家有所幫助2014-01-01