JS—特殊的對(duì)象~函數(shù)

之前寫(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
  • 在函數(shù)內(nèi)部有兩個(gè)而特殊的對(duì)象,thisarguments泉唁。

  • 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 num
      factorial(num-1);
      //替換為
      return num*arguments.callee(num-1);
  • 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ō)辨宠。
  • 方法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);
    • 以上這兩個(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ù)挟裂。
  • 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覽而異沥曹。

我發(fā)現(xiàn)我最近是越寫(xiě)越長(zhǎng)了份名,今天去面試一個(gè)公司的前端,面試官的名字和我的名字只差一個(gè)字架专,好神奇的世界
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末同窘,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子部脚,更是在濱河造成了極大的恐慌想邦,老刑警劉巖,帶你破解...
    沈念sama閱讀 217,084評(píng)論 6 503
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件委刘,死亡現(xiàn)場(chǎng)離奇詭異丧没,居然都是意外死亡,警方通過(guò)查閱死者的電腦和手機(jī)锡移,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,623評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門呕童,熙熙樓的掌柜王于貴愁眉苦臉地迎上來(lái),“玉大人淆珊,你說(shuō)我怎么就攤上這事夺饲。” “怎么了施符?”我有些...
    開(kāi)封第一講書(shū)人閱讀 163,450評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵往声,是天一觀的道長(zhǎng)。 經(jīng)常有香客問(wèn)我戳吝,道長(zhǎng)浩销,這世上最難降的妖魔是什么? 我笑而不...
    開(kāi)封第一講書(shū)人閱讀 58,322評(píng)論 1 293
  • 正文 為了忘掉前任听哭,我火速辦了婚禮慢洋,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘陆盘。我一直安慰自己普筹,他們只是感情好,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,370評(píng)論 6 390
  • 文/花漫 我一把揭開(kāi)白布隘马。 她就那樣靜靜地躺著太防,像睡著了一般。 火紅的嫁衣襯著肌膚如雪祟霍。 梳的紋絲不亂的頭發(fā)上杏头,一...
    開(kāi)封第一講書(shū)人閱讀 51,274評(píng)論 1 300
  • 那天,我揣著相機(jī)與錄音沸呐,去河邊找鬼醇王。 笑死,一個(gè)胖子當(dāng)著我的面吹牛崭添,可吹牛的內(nèi)容都是我干的寓娩。 我是一名探鬼主播,決...
    沈念sama閱讀 40,126評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開(kāi)眼呼渣,長(zhǎng)吁一口氣:“原來(lái)是場(chǎng)噩夢(mèng)啊……” “哼棘伴!你這毒婦竟也來(lái)了?” 一聲冷哼從身側(cè)響起屁置,我...
    開(kāi)封第一講書(shū)人閱讀 38,980評(píng)論 0 275
  • 序言:老撾萬(wàn)榮一對(duì)情侶失蹤焊夸,失蹤者是張志新(化名)和其女友劉穎,沒(méi)想到半個(gè)月后蓝角,有當(dāng)?shù)厝嗽跇?shù)林里發(fā)現(xiàn)了一具尸體阱穗,經(jīng)...
    沈念sama閱讀 45,414評(píng)論 1 313
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,599評(píng)論 3 334
  • 正文 我和宋清朗相戀三年使鹅,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了揪阶。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片。...
    茶點(diǎn)故事閱讀 39,773評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡患朱,死狀恐怖鲁僚,靈堂內(nèi)的尸體忽然破棺而出,到底是詐尸還是另有隱情裁厅,我是刑警寧澤冰沙,帶...
    沈念sama閱讀 35,470評(píng)論 5 344
  • 正文 年R本政府宣布,位于F島的核電站姐直,受9級(jí)特大地震影響倦淀,放射性物質(zhì)發(fā)生泄漏。R本人自食惡果不足惜声畏,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,080評(píng)論 3 327
  • 文/蒙蒙 一撞叽、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧插龄,春花似錦愿棋、人聲如沸。這莊子的主人今日做“春日...
    開(kāi)封第一講書(shū)人閱讀 31,713評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽(yáng)。三九已至徘跪,卻和暖如春甘邀,著一層夾襖步出監(jiān)牢的瞬間琅攘,已是汗流浹背。 一陣腳步聲響...
    開(kāi)封第一講書(shū)人閱讀 32,852評(píng)論 1 269
  • 我被黑心中介騙來(lái)泰國(guó)打工松邪, 沒(méi)想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留坞琴,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,865評(píng)論 2 370
  • 正文 我出身青樓逗抑,卻偏偏與公主長(zhǎng)得像剧辐,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子邮府,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,689評(píng)論 2 354

推薦閱讀更多精彩內(nèi)容

  • 本文檔內(nèi)容參考 《JavaScript 闖關(guān)記》之函數(shù) 函數(shù)是一段代碼荧关,它只定義一次,但可以被執(zhí)行或調(diào)用任意次褂傀。在...
    穿越人海遇見(jiàn)你閱讀 998評(píng)論 0 1
  • 函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別 (*)解析器會(huì)率先讀取函數(shù)聲明忍啤,并使其在執(zhí)行任何代碼之前可以訪問(wèn);函數(shù)表達(dá)式則必須...
    coolheadedY閱讀 388評(píng)論 0 1
  • 第一章: JS簡(jiǎn)介 從當(dāng)初簡(jiǎn)單的語(yǔ)言仙辟,變成了現(xiàn)在能夠處理復(fù)雜計(jì)算和交互檀轨,擁有閉包、匿名函數(shù)欺嗤, 甚至元編程等...
    LaBaby_閱讀 1,667評(píng)論 0 6
  • 第5章 引用類型(返回首頁(yè)) 本章內(nèi)容 使用對(duì)象 創(chuàng)建并操作數(shù)組 理解基本的JavaScript類型 使用基本類型...
    大學(xué)一百閱讀 3,233評(píng)論 0 4
  • 說(shuō)起來(lái) ECMAScript 中什么有意思参萄,我想那莫過(guò)于函數(shù)了——而有意思的根源,則在于函數(shù)實(shí)際上是對(duì)象煎饼。每個(gè)函數(shù)...
    查查查查查查克閱讀 1,504評(píng)論 2 17