之前寫(xiě)過(guò)函數(shù)也屬于引用類型镜粤,與其他引用類型一樣也是具有屬性和方法拼弃。
由于函數(shù)是對(duì)象官觅,繼承自object,因此函數(shù)名實(shí)際上是一個(gè)指向函數(shù)對(duì)象的指針。
函數(shù)的定義方法:
- 使用函數(shù)聲明的語(yǔ)法定義:
function sum(num1,num2)
{
return num1+num2;
}
這種聲明方法玄柠,使得sum的類型為function型突梦,這里說(shuō)過(guò)。 - 使用函數(shù)表達(dá)式定義函數(shù):
var sum=function(num1,num2){
return num1+num2;
}
這種方法羽利,定義了變量sum并將其初始化為一個(gè)函數(shù)宫患。通過(guò)變量sum就可以引用函數(shù),這樣可以通過(guò)變量將函數(shù)賦值給其他變量使用這一個(gè)函數(shù)这弧。不用再聲明同功能的函數(shù)了娃闲。 - 使用Function構(gòu)造函數(shù):
var sum=new Function("num1","num2","return num1+num2");
不推薦,這種語(yǔ)法會(huì)導(dǎo)致解析兩次代碼匾浪。一次是常規(guī)代碼皇帮,依次是字符串。 - 【補(bǔ)充】說(shuō)一下户矢,第二種方法玲献,由于函數(shù)名僅僅是指向函數(shù)的指針,所以一個(gè)函數(shù)可能會(huì)有多個(gè)名字梯浪。
var anothersum=sum;
sum=null;
var s=anothersum(1,2);//3
當(dāng)sum后面不帶括號(hào)的時(shí)候捌年,是賦值,即讓anothersum也指向該函數(shù)實(shí)例挂洛。而當(dāng)將sum置空礼预,即sum不指向該函數(shù)實(shí)例,我們發(fā)現(xiàn)也完全不影響anothersum指向虏劲。
function沒(méi)有重載
重載是指將函數(shù)設(shè)置不同的參數(shù)個(gè)數(shù)或類型托酸,當(dāng)實(shí)際調(diào)用函數(shù)時(shí),根據(jù)參數(shù)的個(gè)數(shù)或類型來(lái)選擇適合的函數(shù)柒巫。(我說(shuō)的白話)
原因
函數(shù)名想象為指針后励堡,
function sum(num1,num2)
{
return num1+num2;//+
}
var sum=function(num1,num2){
return num1-num2;//-
};
alert(sum(1,2));//-1
發(fā)現(xiàn)第二個(gè)函數(shù)覆蓋了第一個(gè)函數(shù),原因是因?yàn)閟um被指向了另一個(gè)實(shí)例化的函數(shù)對(duì)象堡掏。-
彌補(bǔ)
- 當(dāng)程序想要通過(guò)根據(jù)參數(shù)的個(gè)數(shù)實(shí)現(xiàn)重載時(shí)应结,我們可以借助函數(shù)的內(nèi)部屬性:
arguments
- 當(dāng)程序想要通過(guò)根據(jù)參數(shù)的個(gè)數(shù)實(shí)現(xiàn)重載時(shí)应结,我們可以借助函數(shù)的內(nèi)部屬性:
在函數(shù)內(nèi)部有兩個(gè)而特殊的對(duì)象,
this
與arguments
泉唁。arguments與函數(shù)的參數(shù)有關(guān)鹅龄,js函數(shù)的參數(shù)與其他語(yǔ)言中函數(shù)的參數(shù)有所不同,js不介意傳遞進(jìn)來(lái)多少個(gè)參數(shù)亭畜,也不在乎傳進(jìn)來(lái)的參數(shù)是什么數(shù)據(jù)類型扮休,這樣一聽(tīng),貌似重載沒(méi)得救了拴鸵,因?yàn)樗坪鯚o(wú)論形參設(shè)置多少個(gè)玷坠,都沒(méi)關(guān)系蜗搔,調(diào)用該函數(shù)時(shí)肯定會(huì)調(diào)用他。而實(shí)參傳遞多少似乎函數(shù)都可以獲得侨糟,這就要通過(guò)
arguments
啦.-
arguments
其主要用途是用來(lái)保存函數(shù)參數(shù)碍扔。
arguments[0]//表示傳遞的第一個(gè)元素
arguments[1]//表示傳遞的第二個(gè)元素
……//與數(shù)組類似,但是并不是Array的實(shí)例哦- 可以通過(guò) arguments.length的值來(lái)判斷實(shí)參的個(gè)數(shù)秕重。進(jìn)而可以通過(guò)
if
語(yǔ)句來(lái)判斷語(yǔ)句的執(zhí)行情況不同。 - 需要注意的是,即使形參可有可無(wú)溶耘,但是二拐,既然提供了這個(gè)功能,那么他必然和arguments之間有一定的關(guān)系凳兵,即二者之中哪一個(gè)被修改了百新,都會(huì)影響到對(duì)方的值,但是二者并不是指向同一個(gè)內(nèi)存空間庐扫。
- arguments這個(gè)對(duì)象還有一個(gè)屬性:callee饭望,該屬性是一個(gè)指針,指向擁有arguments對(duì)象的函數(shù)形庭。
這個(gè)屬性有一個(gè)經(jīng)典的作用:看這個(gè)函數(shù)
function factorial(num){
if(num<=1){
return 1;
}
else{
return numfactorial(num-1);
}
}
alert(factorial(5));//120
這是一個(gè)計(jì)算階乘的遞歸函數(shù)铅辞,發(fā)現(xiàn)函數(shù)內(nèi)部使用了變量factorial,但是事實(shí)上一個(gè)實(shí)例化的函數(shù)對(duì)象可以擁有很多個(gè)名字萨醒,但是這樣寫(xiě)似乎使得這個(gè)遞歸函數(shù)只能效力于名字是factorial的啦斟珊,
【解決方法】
//將
return numfactorial(num-1);
//替換為
return num*arguments.callee(num-1);
- 可以通過(guò) arguments.length的值來(lái)判斷實(shí)參的個(gè)數(shù)秕重。進(jìn)而可以通過(guò)
-
this對(duì)象
函數(shù)內(nèi)部的另一個(gè)特殊對(duì)象,- this是js的一個(gè)關(guān)鍵字富纸,其的值會(huì)跟著環(huán)境的不同而不同囤踩。
- 但是有一個(gè)原則,this指的是調(diào)用函數(shù)的那個(gè)對(duì)象晓褪,更精準(zhǔn)的this引用的是函數(shù)據(jù)以執(zhí)行的環(huán)境對(duì)象堵漱。
- 當(dāng)在網(wǎng)頁(yè)全局作用域中調(diào)用時(shí),this對(duì)象引用的就是window涣仿。
caller這個(gè)屬性雖然在ECMAScript 3并沒(méi)有定義這個(gè)屬性勤庐,但是這個(gè)屬性中保存著調(diào)用當(dāng)前函數(shù)的函數(shù)的引用。
function outer(){
inner();
}
function inner(){
alert(arguments.callee.caller)
}
outer()//顯示outer函數(shù)的源代碼-
函數(shù)的屬性和方法
除了前面提到的函數(shù)內(nèi)部的兩個(gè)特殊對(duì)象变过,在函數(shù)外部,我們還可以通過(guò):函數(shù)名.函數(shù)的屬性名或方法名的模式調(diào)用函數(shù)的屬性和方法涝涤。- 屬性length
表示每個(gè)函數(shù)準(zhǔn)備接收的命名參數(shù)的個(gè)數(shù)媚狰,即形參的個(gè)數(shù),區(qū)別于內(nèi)部對(duì)象arguments是實(shí)參的個(gè)數(shù)阔拳。
function sum(num1,num2,num3)
{
alert(arguments.callee.length);//方法2:內(nèi)部對(duì)象調(diào)用
}
sum(1,2)
alert(sum.length);//方法1:函數(shù)調(diào)用 - 屬性prototype
這個(gè)屬性即為原型屬性崭孤,在創(chuàng)建自定義類型及實(shí)現(xiàn)繼承時(shí)类嗤,該屬性的作用極為重要。會(huì)另寫(xiě)一篇來(lái)細(xì)說(shuō)辨宠。
- 屬性length
-
方法apply()與方法call()
這兩個(gè)方法是非繼承而來(lái)的遗锣,所以也就是鼻祖object對(duì)象可沒(méi)有這兩個(gè)方法。這兩個(gè)方法的用途都是在特定的作用域中調(diào)用函數(shù)嗤形,實(shí)際上設(shè)置函數(shù)體內(nèi)this對(duì)象的值精偿。等等!this對(duì)象的值赋兵!
var obj={name:"dudu";}; var ss=function(){alert(this.name)}; obj.showname=ss;
此時(shí)ss所指向的函數(shù)內(nèi)部的this的是obj笔咽。這個(gè)是我們常見(jiàn)的修改this對(duì)象值的方法。
js通過(guò)為函數(shù)提供這兩個(gè)方法霹期,也可以實(shí)現(xiàn)修改函數(shù)this對(duì)象的方法- apply方法 有兩個(gè)參數(shù)叶组,1個(gè)是在其中運(yùn)行函數(shù)的作用域,另一個(gè)是參數(shù)數(shù)組历造。
function sum(num1,num2)
{
return num1+num2;
}
function callsum(num1,num2)
{
// return sum.apply(this,arguments);
return sum.apply(this,[num1,num2]);//效果一樣甩十,數(shù)組!吭产!
}
alert(callsum(10,10))//20
callsum里面的this侣监,由于callsum是在全局作用域下被調(diào)用,所以this是windows對(duì)象垮刹,即為sum函數(shù)創(chuàng)造一個(gè)全局作用域达吞。第二個(gè)參數(shù)是arguments,即callsum的參數(shù)荒典,并將它作為sum 的參數(shù)酪劫。apply所在的那句代碼翻譯下來(lái)就是在全局環(huán)境下:sum(10,10);
- call方法,與apply方法的作用一樣寺董,但是接收參數(shù)的方式不同覆糟,其參數(shù)必須逐個(gè)例出來(lái)
return sum.call(this,num1,num2);
- apply方法 有兩個(gè)參數(shù)叶组,1個(gè)是在其中運(yùn)行函數(shù)的作用域,另一個(gè)是參數(shù)數(shù)組历造。
- 以上這兩個(gè)例子并沒(méi)有看出來(lái)他們的作用,看下一個(gè)例子遮咖。
/定義一個(gè)屬于兩個(gè)對(duì)象的屬性red/
window.color='red';
var o={color:"blue"};
/this的值取決于調(diào)用他的對(duì)象滩字,/
function sayColor(){
alert(this.color);
}
/將作用域設(shè)為this,即展示window.color/
sayColor.call(this);//red
sayColor.call(window);//red
/將作用域設(shè)為o御吞,即展示o.color/
sayColor.call(o);//blue
使用call()與apply()方法較之前設(shè)置this值的方法的好處是對(duì)象不需要與方法有任何的關(guān)系麦箍。上個(gè)例子,對(duì)象o并沒(méi)有將saycolor設(shè)置為自己的方法陶珠,卻也可以使用這個(gè)函數(shù)挟裂。
- 以上這兩個(gè)例子并沒(méi)有看出來(lái)他們的作用,看下一個(gè)例子遮咖。
bind方法
window.color='red';
var o={color:"blue"};
/this的值取決于調(diào)用他的對(duì)象,/
function sayColor(){
alert(this.color);
var objectSayColor=sayColor.bind(o);
objectSayColor();//blue
新創(chuàng)建的函數(shù)objectSayColor其this值被綁定了對(duì)象o揍诽,即使在全局環(huán)境下運(yùn)行诀蓉,其this值也是對(duì)象o栗竖。toString()、toLocalString()渠啤、valueOf()這三個(gè)也是函數(shù)的方法狐肢,但是其返回值均為函數(shù)的代碼,至于代碼格式因?yàn)g覽而異沥曹。