js函數(shù)

1. 函數(shù)傳參

1)形參和實參需要一一對應

function 函數(shù)名(形參列表){
            函數(shù)體
            return 返回值
        }
實參:是具體的值宽闲,或變量,數(shù)組握牧,字符串等
           函數(shù)調(diào)用時容诬,在括號里寫進去的參數(shù)
形參:是在函數(shù)定義時在括號里設定的參數(shù)
          在函數(shù)體內(nèi)可以有多個

2)arguments可變參數(shù)數(shù)組
3)在函數(shù)定義的內(nèi)部,有一個數(shù)組沿腰,arguments會接受函數(shù)調(diào)用的時候所有的實參览徒,并按照從左到右的順序排列,因此颂龙,在js函數(shù)中形參可以與實際參數(shù)個數(shù)不同习蓬,通過arguments數(shù)組可以實現(xiàn)實參的調(diào)用
4)在函數(shù)定義的時候,如果內(nèi)部沒有arguments措嵌,則形參和實參必須一一對應躲叼,有arguments的時候,可以省略形參企巢,因為arguments會將所有的實參接收為一個數(shù)組

    function sum() {
        var sum = 0;
        for (var i = 0; i < arguments.length; i++) {
            sum += arguments[i];
        }
        return sum;
    }
    console.log(sum(1, 2, 3, 4, 5));

2. 形參的默認值

函數(shù)有時候在特殊情況下枫慷,可以給形參加上默認值,有默認值時,函數(shù)調(diào)用或听,可以不寫參數(shù)

function rand(min = '0', max = '100') {
        return Math.round(Math.random() * (max - min) + min)
    }
    console.log(rand());

3. 變量的作用域

變量通常在兩個位置被聲明:
1)函數(shù)內(nèi) 局部變量 只能在定義的函數(shù)內(nèi)被訪問
2)函數(shù)外 全局變量 可以在程序的各個位置被訪問

通過var關鍵字來定義變量
\color{orange}{注意:}如果局部變量和全局變量重名探孝,函數(shù)執(zhí)行時訪問局部變量

4. 函數(shù)的嵌套

在函數(shù)的內(nèi)部,去使用另外一個函數(shù)
函數(shù)的嵌套中誉裆,如果被嵌套的函數(shù)有參數(shù)再姑,則外層函數(shù)需要跟被嵌套函數(shù)參數(shù)一一對應

5. 變量作用域的污染

當變量命名重復時,程序運行的過程中找御,就可能會出錯
使用全局變量時元镀,如果全局變量在多處聲明,后聲明的會覆蓋先聲明的語句霎桅,造成變量無法區(qū)分栖疑,這種情況稱為變量的污染
解決變法:利用函數(shù)來分割作用域,來進行文件中變量作用域的分割

var qqq = 0;
         (function (o) {
             console.log(1);
             var qwe = 100;
             var qqq = 1;
             console.log(qqq);
         })(0);

6. 函數(shù)的執(zhí)行方式

事件綁定和調(diào)用
1)行間事件的綁定滔驶,本質(zhì)上是一個無返回值的函數(shù)的調(diào)用
<div class="box" onclick="fn(200)"></div>
2)函數(shù)內(nèi)部this關鍵字遇革,永遠指向函數(shù)的調(diào)用對象
3)行間事件中,調(diào)用對象是標簽本身揭糕,所有l(wèi)og(this)輸出的是標簽
4)當函數(shù)直接調(diào)用的時候萝快,調(diào)用方式是window對象,而一般情況下著角,window對象自動省略揪漩,

7. 函數(shù)的幾種形式

1)無參無返回值
2)有參有返回值
3)無參有返回值
4)有參無返回值

8. 函數(shù)定義方法

1)字面量形式
必須在變量聲明后使用函數(shù),在變量沒有聲明前不能使用(undefined)吏口,
var fn=function(){}
2)函數(shù)名
聲明一個函數(shù)奄容,可以在任何地方調(diào)用
function fn(){}
3)自調(diào)用函數(shù)
匿名函數(shù)
自己調(diào)用自己,立即執(zhí)行产徊,但是只執(zhí)行一次

(function(形參列表){
            函數(shù)體
        })(實參列表);
 (function (w){
        console.log(w);
    })(3);

9. 函數(shù)

定義:由事件驅(qū)動的或者當它被調(diào)用時執(zhí)行的可重復使用的代碼塊

同一段代碼在多處出現(xiàn)昂勒,成為代碼冗余,維護不便舟铜,函數(shù)就是代碼中封裝復用的思想戈盈,將一塊重復執(zhí)行的代碼,通過一個標識符來代替谆刨,實現(xiàn)在一個地方定義塘娶,在多處使用的效果,方便維護

    // 事件驅(qū)動
    div1.onclick = function () {
        // 被調(diào)用
        function rand() { }
    }

 函數(shù)使用(包含兩個過程)
1.函數(shù)的定義
        function 函數(shù)名(形參列表){
            函數(shù)體
            return 返回值
        }
2.調(diào)用

回調(diào)函數(shù):將函數(shù)作為參數(shù)傳遞到另外的函數(shù)中執(zhí)行,一般情況下痴荐,回調(diào)函數(shù)必伴隨著分支語句

function c(callback) {
    console.log(callback);
}

c(function d() {
    return 1;
});

遞歸函數(shù):函數(shù)在內(nèi)部調(diào)用自身本身,必須有出口

var f = 0;
function e() {
    f++;
    if (f > 10) {
        return;
    } else {
        e();
    }

}

閉包

定義:

在函數(shù)內(nèi)部定義一個函數(shù)血柳,在內(nèi)部函數(shù)中,操作外部函數(shù)的變量生兆,并在函數(shù)外調(diào)用內(nèi)部函數(shù)难捌,所形成的閉合回路叫閉包

特點:

可以使外部函數(shù)的局部變量暫存膝宁,不會銷毀

用途:

避免全局變量污染,變量長期駐扎在內(nèi)存中

總結(jié):

函數(shù)內(nèi)聲明一個函數(shù)根吁,并對外層函數(shù)內(nèi)的變量進行操作员淫,而且在函數(shù)體外部觸發(fā)內(nèi)部函數(shù),這其中所形成的的閉合回路叫閉包

function A() {
    var a;

    function B() {
        a = 0;
        console.log(a);
    }
}
A();
B();
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
  • 序言:七十年代末击敌,一起剝皮案震驚了整個濱河市介返,隨后出現(xiàn)的幾起案子,更是在濱河造成了極大的恐慌沃斤,老刑警劉巖圣蝎,帶你破解...
    沈念sama閱讀 211,348評論 6 491
  • 序言:濱河連續(xù)發(fā)生了三起死亡事件,死亡現(xiàn)場離奇詭異衡瓶,居然都是意外死亡徘公,警方通過查閱死者的電腦和手機,發(fā)現(xiàn)死者居然都...
    沈念sama閱讀 90,122評論 2 385
  • 文/潘曉璐 我一進店門哮针,熙熙樓的掌柜王于貴愁眉苦臉地迎上來关面,“玉大人,你說我怎么就攤上這事十厢〉忍” “怎么了?”我有些...
    開封第一講書人閱讀 156,936評論 0 347
  • 文/不壞的土叔 我叫張陵蛮放,是天一觀的道長缩抡。 經(jīng)常有香客問我,道長筛武,這世上最難降的妖魔是什么缝其? 我笑而不...
    開封第一講書人閱讀 56,427評論 1 283
  • 正文 為了忘掉前任挎塌,我火速辦了婚禮徘六,結(jié)果婚禮上,老公的妹妹穿的比我還像新娘榴都。我一直安慰自己待锈,他們只是感情好,可當我...
    茶點故事閱讀 65,467評論 6 385
  • 文/花漫 我一把揭開白布嘴高。 她就那樣靜靜地躺著竿音,像睡著了一般。 火紅的嫁衣襯著肌膚如雪拴驮。 梳的紋絲不亂的頭發(fā)上春瞬,一...
    開封第一講書人閱讀 49,785評論 1 290
  • 那天,我揣著相機與錄音套啤,去河邊找鬼宽气。 笑死,一個胖子當著我的面吹牛,可吹牛的內(nèi)容都是我干的萄涯。 我是一名探鬼主播绪氛,決...
    沈念sama閱讀 38,931評論 3 406
  • 文/蒼蘭香墨 我猛地睜開眼,長吁一口氣:“原來是場噩夢啊……” “哼涝影!你這毒婦竟也來了枣察?” 一聲冷哼從身側(cè)響起,我...
    開封第一講書人閱讀 37,696評論 0 266
  • 序言:老撾萬榮一對情侶失蹤燃逻,失蹤者是張志新(化名)和其女友劉穎序目,沒想到半個月后,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體伯襟,經(jīng)...
    沈念sama閱讀 44,141評論 1 303
  • 正文 獨居荒郊野嶺守林人離奇死亡宛琅,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內(nèi)容為張勛視角 年9月15日...
    茶點故事閱讀 36,483評論 2 327
  • 正文 我和宋清朗相戀三年,在試婚紗的時候發(fā)現(xiàn)自己被綠了逗旁。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片嘿辟。...
    茶點故事閱讀 38,625評論 1 340
  • 序言:一個原本活蹦亂跳的男人離奇死亡,死狀恐怖片效,靈堂內(nèi)的尸體忽然破棺而出红伦,到底是詐尸還是另有隱情,我是刑警寧澤淀衣,帶...
    沈念sama閱讀 34,291評論 4 329
  • 正文 年R本政府宣布昙读,位于F島的核電站,受9級特大地震影響膨桥,放射性物質(zhì)發(fā)生泄漏蛮浑。R本人自食惡果不足惜,卻給世界環(huán)境...
    茶點故事閱讀 39,892評論 3 312
  • 文/蒙蒙 一只嚣、第九天 我趴在偏房一處隱蔽的房頂上張望沮稚。 院中可真熱鬧,春花似錦册舞、人聲如沸蕴掏。這莊子的主人今日做“春日...
    開封第一講書人閱讀 30,741評論 0 21
  • 文/蒼蘭香墨 我抬頭看了看天上的太陽盛杰。三九已至,卻和暖如春藐石,著一層夾襖步出監(jiān)牢的瞬間即供,已是汗流浹背。 一陣腳步聲響...
    開封第一講書人閱讀 31,977評論 1 265
  • 我被黑心中介騙來泰國打工于微, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留逗嫡,地道東北人办素。 一個月前我還...
    沈念sama閱讀 46,324評論 2 360
  • 正文 我出身青樓,卻偏偏與公主長得像祸穷,于是被迫代替她去往敵國和親性穿。 傳聞我的和親對象是個殘疾皇子,可洞房花燭夜當晚...
    茶點故事閱讀 43,492評論 2 348

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

  • 函數(shù)創(chuàng)建方式### 1.聲明方式例如:function consoleTip (){ console.log("t...
    留七七閱讀 1,916評論 2 31
  • 1. 函數(shù)傳參 1)形參和實參需要一一對應 2)arguments可變參數(shù)數(shù)組3)在函數(shù)定義的內(nèi)部,有一個數(shù)組祈远,a...
    晴空0_0閱讀 142評論 0 0
  • 1. 函數(shù)聲明和函數(shù)表達式有什么區(qū)別 (*) 函數(shù)在JS中有三種方式來定義:函數(shù)聲明(function decla...
    進擊的阿群閱讀 439評論 0 1
  • 函數(shù) js的函數(shù)時參數(shù)化的: 函數(shù)的定義會包括一個稱為形參的標識符列表呆万,這些參數(shù)會像局部變量一樣工作 函數(shù)調(diào)用會為...
    石菖蒲_xl閱讀 208評論 0 0
  • 1.函數(shù)聲明和函數(shù)表達式有什么區(qū)別 ? 2.什么是變量的聲明前置?什么是函數(shù)的聲明前置 js引擎的工作方式:先解析...
    饑人谷區(qū)子銘閱讀 435評論 0 1