新聞中心
JavaScript中function定義函數(shù)的幾種方法
/*第一種方法,使用function語句,格式如下*/brfunction fn(){bralert("這是使用function語句進(jìn)行函數(shù)定義");br }brfn();brbr/*第二種方法,使用function()構(gòu)造函數(shù)克隆函數(shù)*/brvar f = new function("a","b","alert(a+b)");br f(a,b);br其實相當(dāng)于如下代碼:brfunction f(a,b){bralert(a+b);br }br/*第三種方法,使用函數(shù)直接量*/brvar zhenn = function(){bralert("zhenn");br }br zhenn();
成都創(chuàng)新互聯(lián)主營白銀網(wǎng)站建設(shè)的網(wǎng)絡(luò)公司,主營網(wǎng)站建設(shè)方案,app開發(fā)定制,白銀h5微信小程序開發(fā)搭建,白銀網(wǎng)站營銷推廣歡迎白銀等地區(qū)企業(yè)咨詢
javascript 自定義函數(shù)
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
title無標(biāo)題文檔/title
script language="javascript"
function iframeChange(iframeName){
document.frames[iframeName].height=document.frames[iframeName].document.body.scrollHeight;
}
/script
/head
body
iframe name="diary_page" src="2.html" scrolling="no" width="50" height="10" onload="javascript:iframeChange('diary_page');"/iframe
/body
/html
或者
html
head
meta http-equiv="Content-Type" content="text/html; charset=gb2312"
title無標(biāo)題文檔/title
script language="javascript"
function iframeChange(frm){
frm.height=frm.document.body.scrollHeight;
}
/script
/head
body
iframe name="diary_page" src="2.html" scrolling="no" width="50" height="10" onload="javascript:iframeChange(this);"/iframe
/body
/html
[img]javascript有哪幾種定義函數(shù)的方法
/*第一種方法,使用function語句,格式如下*/
function fn(){
alert("這是使用function語句進(jìn)行函數(shù)定義");
}
fn();
/*第二種方法,使用Function()構(gòu)造函數(shù)克隆函數(shù)*/
var F = new Function("a","b","alert(a+b)");
F(a,b);
其實相當(dāng)于如下代碼:
function F(a,b){
alert(a+b);
}
/*第三種方法,使用函數(shù)直接量*/
var zhenn = function(){
alert("zhenn");
}
zhenn();
如何在javascript中定義一個函數(shù)
語法結(jié)構(gòu):
function ?函數(shù)名(參數(shù)列表){
函數(shù)體;
return 返回值
}
注意事項:
1、函數(shù)名不能以數(shù)字開頭,要符合js的命名規(guī)范
2、參數(shù)列表只需指明參數(shù)個數(shù),無需指定類型,因為js是弱類型
3、如果有返回值,寫return,如果沒有,不寫return即可
例如:
//例1:定義無參無返回值函數(shù)
function??myfun(){
alert("這是一個無參無返回值的函數(shù)");
}
//例2:定義有參無返回值函數(shù)
function??myfun2(name,age){
alert("姓名:"+name+"\n年齡:"+age);
}
//例3:定義有參有返回值函數(shù)
function??myfun3(one,two){
return?one+two;
}
JavaScript函數(shù)定義語法var fn = function() {} 和 function fn() {}的區(qū)別。
區(qū)別在于,functionOne的是一條表達(dá)式語句,只有程序執(zhí)行到這行函數(shù)才會被定義。然而functionTwo是函數(shù)聲明,它會在JavaScript一開始就被定義。
如下兩個例子可以看出它們的區(qū)別。
函數(shù)表達(dá)式:
// 是個錯誤的函數(shù)調(diào)用,functionOne沒有被定義。
functionOne();
//程序執(zhí)行到這里functionOne才會被定義。
var functionOne = function() {
console.log("Hello!");
};
函數(shù)聲明:
//functionTow會輸出: "Hello!"
functionTwo();
function functionTwo() {
console.log("Hello!");
}
通過對上面例子的理解。我們可以推斷出,如下的函數(shù)聲明是不合理的。
if (test) {
//錯誤或不好的風(fēng)格
function functionThree() { doSomething(); }
}
這里在if語句中聲明了函數(shù),其實它的聲明不會管test的值是多少,都會被定義,這樣的風(fēng)格并不好。如果你在use strict下編寫上述代碼,那么將會報錯。秒秒學(xué)上有不少函數(shù)相關(guān)的例子,你可以去看看。
javascript的函數(shù)定義的區(qū)別
1:調(diào)用關(guān)鍵字function來構(gòu)造
function?distance(x1,x2,y1,y2)?
{?
var?dx=x2-x1;?
var?dy=y2-y1;?
return?Math.sqrt(dx*dx+dy*dy);?
}
2:使用Function()構(gòu)造函數(shù)(請注意與上面的大小寫)
var?f=new?Function*"x","y","return?x*y");
這行代碼創(chuàng)建了一個新函數(shù),該函數(shù)和你所熟悉的語法定義的函數(shù)基本上時等價的:
function?f(x,y)?
{?
return?x*y;?
}
Functino()構(gòu)造函數(shù)可以接受任意多個字符串參數(shù)。它的最后一個參數(shù)時函數(shù)的主體,其中可以包含任何JavaScript語句,語句之間用分號分隔。其他的參數(shù)都是用來說明函數(shù)要定義的形式參數(shù)名的字符串。如果你定義的函數(shù)沒有參數(shù),那么可以只需給構(gòu)造函數(shù)傳遞一個字符串(即函數(shù)的主體)即可。?
注意,傳遞給構(gòu)造函數(shù)Function()的參數(shù)中沒有一個用于說明它要創(chuàng)建的函數(shù)名。用Function()構(gòu)造函數(shù)創(chuàng)建的未命名函數(shù)有時被成為“匿名函數(shù)”。?
你可能非常想知道Function()構(gòu)造函數(shù)的用途是什么。為什么不能只用function語句來定義所有的函數(shù)呢?原因是Function()構(gòu)造函數(shù)允許我們動態(tài)地建立和編譯一個函數(shù),它不會將我們限制在function語句預(yù)編譯的函數(shù)體中。這樣做帶來的負(fù)面影響效應(yīng)就是每次調(diào)用一個函數(shù)時,F(xiàn)unction()構(gòu)造函數(shù)都要對它進(jìn)行編譯。因此,在循環(huán)體中或者在經(jīng)常使用的函數(shù)中,我們不應(yīng)該頻繁地調(diào)用這個構(gòu)造函數(shù)。?
使用Function()構(gòu)造函數(shù)的另一個原因是它能夠?qū)⒑瘮?shù)定義為JavaScript表達(dá)式的一部分,而不是將其定義一個語句,這種情況下使用它就顯得比較的方面,甚至可以說精致。
3:函數(shù)直接量?
函數(shù)直接量是一個表達(dá)式,它可以定義匿名函數(shù)。函數(shù)直接量的語法和function語句非常相似,只不過它被用作表達(dá)式,而不是用作語句,而且也無需指定函數(shù)名。下面的三行代碼分別使用function()語句、Funciont()構(gòu)造函數(shù)和函數(shù)直接量定義了三個基本上相同的函數(shù):
function?f(x){return?x*x};?
var?f=new?Function("x","return?x*x;");?
var?f=function(x){reurn?x*x};
在JavaScript1.1中,可以使用構(gòu)造函數(shù)Function()來定義函數(shù),在JavaScript1.2和其后的版本中,還可以使用函數(shù)直接量來構(gòu)造函數(shù)。你應(yīng)該注意這兩種方法之間的重要差別。?
首先,構(gòu)造函數(shù)Function()允許在運行時動態(tài)地創(chuàng)建和編譯JavaScript代碼。但是函數(shù)直接量卻是函數(shù)結(jié)構(gòu)的一個靜態(tài)部分,就像function語句一樣。?
其次,作為第一個差別的必然結(jié)果,每次調(diào)用構(gòu)造函數(shù)Function()時都會解析函數(shù)體并且創(chuàng)建一個新東漢數(shù)對象。如果對構(gòu)造函數(shù)的調(diào)用出現(xiàn)在一個循環(huán)中,或者出現(xiàn)在一個經(jīng)常被調(diào)用的函數(shù)中,這種方法的效率非常低。另一個方面,函數(shù)直接量或出現(xiàn)在循環(huán)和函數(shù)中的嵌套函數(shù)不是在每次調(diào)用時都被重新編譯,而且每當(dāng)遇到一個函數(shù)直接量時也不創(chuàng)建一個新的函數(shù)對象。?
Function()構(gòu)造函數(shù)和函數(shù)之間量之間的第三點差別是,使用構(gòu)造函數(shù)Function()創(chuàng)建的函數(shù)不使用詞法作用域,相反的,它們總是被當(dāng)作頂級函數(shù)來編譯,就像下面代碼所說明的那樣:
分享文章:javascript定義函數(shù),javascript定義函數(shù)從一加到一百
URL分享:http://fisionsoft.com.cn/article/dsohopp.html