七、function何其擾之--函數(shù)

javascript編入集

除去第三章說的 var 申明一個(gè)變量外凄诞,還可以用 function 申明一個(gè)函數(shù)對(duì)象

function foo(){}

function圆雁,見名知意就是函數(shù),既然是函數(shù)就可以用來運(yùn)算帆谍。比如最簡(jiǎn)單的加法

function add(a,b){
     var result = a+b;
     return  result ;
}

先說一下函數(shù)的主體結(jié)構(gòu)伪朽。

  1. function 申明接下來是一個(gè)函數(shù)對(duì)象
  2. add 說明了這個(gè)函數(shù)的名稱,如果不寫就是一個(gè)匿名函數(shù) <anonymous>
  3. () 代表這個(gè)函數(shù)的參數(shù)部分
  4. a汛蝙、b 在參數(shù)部分有兩個(gè)參數(shù)烈涮,分別是a和b,如果沒有參數(shù)就省略4窖剑,但是3還是要保留坚洽。
  5. { } 這里不是對(duì)象 {} ,而代表的是函數(shù)的主體內(nèi)容西土。
  6. var result = a+b; 實(shí)際分解為:
var result;
result = a+b;
  1. return 是這個(gè)函數(shù)結(jié)尾的部分讶舰,返回后面跟隨的執(zhí)行結(jié)果result。假如這個(gè)函數(shù)沒有返回值可以不寫需了。

調(diào)用該add函數(shù)時(shí)跳昼,使用

add(1,2);

就會(huì)得到結(jié)果 3 。

作用域和變量提升

在函數(shù)里面有一個(gè)作用域【scope】[1]的概念,同時(shí)還有一個(gè)var關(guān)鍵字的變量提升肋乍,變量提升和作用域是息息相關(guān)的鹅颊。
其實(shí)變量提升我已經(jīng)寫下來了,反觀add第六步住拭,就是變量提升分解示意挪略。
變量提升后的完整的第六步:

function add(a,b){
    var result;

    result = a+b;
    return  result ;
}

變量提升將變量的申明部分提升到作用域(函數(shù)體)的頂部,也就是執(zhí)行時(shí)函數(shù)體的第一條語句滔岳。
為什么會(huì)有這種操作?這是因?yàn)閖s語言設(shè)計(jì)缺陷挽牢,允許不申明就使用:

s = 1;

直接的賦值谱煤,并沒有用var或者function聲明這個(gè)s。這在別的語言中禽拔,很顯然是不符合先申明再使用的規(guī)范的刘离。并且室叉,沒有申明直接使用的變量他的作用域不是當(dāng)前的函數(shù)體,而是頂級(jí)的宿主對(duì)象[2]硫惕,存在變量的作用域提升茧痕,會(huì)給開發(fā)者造成不必要的問題。所以恼除,為了防止這種現(xiàn)象踪旷,在作用域頂部,引入 'use strict' 嚴(yán)格模式豁辉,嚴(yán)格檢查當(dāng)前作用域未申明的情況令野。

function sub(){
  'use strict'
      s = 1;
}

在調(diào)用 sub函數(shù)是就會(huì)報(bào)引用錯(cuò)誤 ReferenceError: s is not defined
引申:在函數(shù)式編程中,提出了“函數(shù)是一等公民”的思想徽级,強(qiáng)調(diào)函數(shù)式編程的純凈[3]

不能不說 this

默認(rèn)情況下气破,this指向當(dāng)前函數(shù)的擁有者。
在瀏覽器下:

function owner(){
   return this;
}
owner() ;// Window

即使這個(gè)函數(shù)寫在另一個(gè)函數(shù)體內(nèi)

function owner(){
   return function(){
       return this;
   };
}
owner()() ;// Window

重要的 arguments

js的函數(shù)在執(zhí)行時(shí)餐抢,所有的參數(shù)列表都是由arguments這個(gè)內(nèi)置屬性管控的现使,所有的參數(shù)列表都是可以通過arguments來取值。

function argsTest(){
 return arguments.length;
}
argsTest(1,2,3) // 3
argsTest(1,2) // 2
argsTest() // 0

這樣做是因?yàn)閖s并不能函數(shù)重載[4]旷痕,同名函數(shù)只能定義一次碳锈,多次定義之后就會(huì)直接覆蓋:

function reloadFn(){}
function reloadFn(name){}

其實(shí)這個(gè)可以看作

var reloadFn;
reloadFn  = function(){}
reloadFn  = function(name){}

所以只會(huì)保留最后一次定義的值,這樣就不難理解了苦蒿。因此對(duì)于js來說沒有重載的必要殴胧,但是又想實(shí)現(xiàn)重載的功能,所以就有了arguments佩迟。

arguments本身是一個(gè)類似數(shù)組团滥,但是沒有數(shù)組的某些函數(shù)。不過可以通過 Array.prototype.slice.call(arguments) 重新構(gòu)建一個(gè)數(shù)組报强。這樣灸姊,就可以當(dāng)作數(shù)組來


  1. 每一個(gè)變量(無論是var還是function)都有自己的可使用范圍 ?

  2. 根據(jù)js的平臺(tái)不同,不同平臺(tái)的宿主對(duì)象都不一樣秉溉,瀏覽器的宿主是window而nodejs的宿主是global ?

  3. 純函數(shù)力惯,相同的輸入得到相同的輸出,比如上述的add召嘶。但是Math.random()就不是 ?

  4. 同名函數(shù)的參數(shù)列表的個(gè)數(shù)和類型不完全相同父晶,但是js沒有明確的數(shù)據(jù)類型,所以js又叫弱類型編程語言弄跌。 ?

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
  • 序言:七十年代末甲喝,一起剝皮案震驚了整個(gè)濱河市,隨后出現(xiàn)的幾起案子铛只,更是在濱河造成了極大的恐慌埠胖,老刑警劉巖糠溜,帶你破解...
    沈念sama閱讀 216,651評(píng)論 6 501
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場(chǎng)離奇詭異直撤,居然都是意外死亡非竿,警方通過查閱死者的電腦和手機(jī),發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 92,468評(píng)論 3 392
  • 文/潘曉璐 我一進(jìn)店門谋竖,熙熙樓的掌柜王于貴愁眉苦臉地迎上來红柱,“玉大人,你說我怎么就攤上這事圈盔”荆” “怎么了?”我有些...
    開封第一講書人閱讀 162,931評(píng)論 0 353
  • 文/不壞的土叔 我叫張陵驱敲,是天一觀的道長(zhǎng)铁蹈。 經(jīng)常有香客問我,道長(zhǎng)众眨,這世上最難降的妖魔是什么握牧? 我笑而不...
    開封第一講書人閱讀 58,218評(píng)論 1 292
  • 正文 為了忘掉前任,我火速辦了婚禮娩梨,結(jié)果婚禮上沿腰,老公的妹妹穿的比我還像新娘。我一直安慰自己狈定,他們只是感情好颂龙,可當(dāng)我...
    茶點(diǎn)故事閱讀 67,234評(píng)論 6 388
  • 文/花漫 我一把揭開白布。 她就那樣靜靜地躺著纽什,像睡著了一般措嵌。 火紅的嫁衣襯著肌膚如雪。 梳的紋絲不亂的頭發(fā)上芦缰,一...
    開封第一講書人閱讀 51,198評(píng)論 1 299
  • 那天企巢,我揣著相機(jī)與錄音,去河邊找鬼让蕾。 笑死浪规,一個(gè)胖子當(dāng)著我的面吹牛,可吹牛的內(nèi)容都是我干的探孝。 我是一名探鬼主播笋婿,決...
    沈念sama閱讀 40,084評(píng)論 3 418
  • 文/蒼蘭香墨 我猛地睜開眼,長(zhǎng)吁一口氣:“原來是場(chǎng)噩夢(mèng)啊……” “哼顿颅!你這毒婦竟也來了萌抵?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 38,926評(píng)論 0 274
  • 序言:老撾萬榮一對(duì)情侶失蹤元镀,失蹤者是張志新(化名)和其女友劉穎绍填,沒想到半個(gè)月后,有當(dāng)?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體栖疑,經(jīng)...
    沈念sama閱讀 45,341評(píng)論 1 311
  • 正文 獨(dú)居荒郊野嶺守林人離奇死亡讨永,尸身上長(zhǎng)有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點(diǎn)故事閱讀 37,563評(píng)論 2 333
  • 正文 我和宋清朗相戀三年,在試婚紗的時(shí)候發(fā)現(xiàn)自己被綠了遇革。 大學(xué)時(shí)的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片卿闹。...
    茶點(diǎn)故事閱讀 39,731評(píng)論 1 348
  • 序言:一個(gè)原本活蹦亂跳的男人離奇死亡,死狀恐怖萝快,靈堂內(nèi)的尸體忽然破棺而出锻霎,到底是詐尸還是另有隱情,我是刑警寧澤揪漩,帶...
    沈念sama閱讀 35,430評(píng)論 5 343
  • 正文 年R本政府宣布旋恼,位于F島的核電站,受9級(jí)特大地震影響奄容,放射性物質(zhì)發(fā)生泄漏冰更。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點(diǎn)故事閱讀 41,036評(píng)論 3 326
  • 文/蒙蒙 一昂勒、第九天 我趴在偏房一處隱蔽的房頂上張望蜀细。 院中可真熱鬧,春花似錦戈盈、人聲如沸奠衔。這莊子的主人今日做“春日...
    開封第一講書人閱讀 31,676評(píng)論 0 22
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽归斤。三九已至,卻和暖如春血柳,著一層夾襖步出監(jiān)牢的瞬間官册,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 32,829評(píng)論 1 269
  • 我被黑心中介騙來泰國(guó)打工难捌, 沒想到剛下飛機(jī)就差點(diǎn)兒被人妖公主榨干…… 1. 我叫王不留膝宁,地道東北人。 一個(gè)月前我還...
    沈念sama閱讀 47,743評(píng)論 2 368
  • 正文 我出身青樓根吁,卻偏偏與公主長(zhǎng)得像员淫,于是被迫代替她去往敵國(guó)和親。 傳聞我的和親對(duì)象是個(gè)殘疾皇子击敌,可洞房花燭夜當(dāng)晚...
    茶點(diǎn)故事閱讀 44,629評(píng)論 2 354