js 2-函數(shù)

andot 發(fā)布于2019-08-26 11:57 / 1401人閱讀

摘要：代碼示例返回參數(shù)平方和函數(shù)的重載在靜態(tài)語言中相同名字的函數(shù)，如果其參數(shù)個(gè)數(shù)不同或者參數(shù)順序不同都被認(rèn)為是不同的函數(shù)，稱為函數(shù)重載。立即執(zhí)行函數(shù)的作用函數(shù)立即執(zhí)行，先括號(hào)聲明函數(shù)然后括號(hào)調(diào)用函數(shù)。

函數(shù)聲明和函數(shù)表達(dá)式的區(qū)別

函數(shù)聲明：
function functionName(){ statement; }
函數(shù)表達(dá)式：
var printName = function(){ console.log("Byron"); };
對(duì)于函數(shù)聲明，js解析器會(huì)優(yōu)先讀?。ㄅc變量提升類似，整個(gè)函數(shù)聲明也會(huì)預(yù)先解析
），確保在所有代碼執(zhí)行之前聲明已經(jīng)被解析。而函數(shù)表達(dá)式，如同定義其它基本類型的變量一樣，定義變量名和賦值分兩個(gè)階段，定義變量名被提升，函數(shù)賦值過程并沒有一起被提升。具體表現(xiàn)在，當(dāng)使用函數(shù)聲明的形式來定義函數(shù)時(shí)，可將調(diào)用語句寫在函數(shù)聲明之前，而函數(shù)表達(dá)式，調(diào)用語句寫函數(shù)表達(dá)式前面會(huì)出錯(cuò)。當(dāng)聲明同一名稱的函數(shù)和變量時(shí)，變量聲明在函數(shù)聲明前面，后面的函數(shù)聲明會(huì)覆蓋前面變量的聲明。如果一個(gè)函數(shù)的聲明被括號(hào)括起來，此時(shí)是一個(gè)語句，函數(shù)聲明不會(huì)被提升（前置）由于JavaScript的這一怪異的“特性”，我們?cè)诤瘮?shù)內(nèi)部定義變量時(shí)，請(qǐng)嚴(yán)格遵守“在函數(shù)內(nèi)部首先申明所有變量”這一規(guī)則。最常見的做法是用一個(gè)var申明函數(shù)內(nèi)部用到的所有變量

變量,函數(shù)的聲明前置

1.變量前置就是把變量的聲明提前到當(dāng)前作用域的最前面，但變量的賦值仍然按照原來的順序執(zhí)行，如果變量聲明但未被賦值，變量會(huì)自動(dòng)賦值為undefined。
2.函數(shù)的聲明前置有兩種情況，一個(gè)是使用函數(shù)聲明，則整個(gè)聲明都前置，而且會(huì)被前置到變量聲明的后面；另一個(gè)是使用函數(shù)表達(dá)式，那么規(guī)則和變量的聲明前置一樣。
代碼示例：

console.log(a);  //undefined  聲明變量，變量提升 var a，還未執(zhí)行賦值，所以a為undefined
var a = 1;      //a=1;        執(zhí)行變量賦值,a=1;
console.log(b);  //b is not defined  b未聲明

// 以函數(shù)聲明方式定義函數(shù)，函數(shù)聲明提升，調(diào)用函數(shù)的語句可寫在函數(shù)聲明語句前
sayName("world")
function sayName(name){
    console.log("hello ", name);
}

  sayAge(10); //sayAge is not a function 以函數(shù)表達(dá)式方式定義函數(shù)，類似變量提升，var sayAge為undefined所以調(diào)用函數(shù)時(shí)提示不是函數(shù)
    var sayAge = function(age){
        console.log(age);
    };

同名變量提升

    function fn(){} //先變量提升var fn，再函數(shù)提升var fn=function(){}，因?yàn)橥源藭r(shí)函數(shù)提升覆蓋變量提升，fn為函數(shù) 
    var fn = 3;  //fn=3，此時(shí)fn的值為3
    console.log(fn); //輸出3

函數(shù)的arguments

函數(shù)中默認(rèn)的arguments對(duì)象是獲取的函數(shù)在執(zhí)行中傳遞進(jìn)函數(shù)的實(shí)際參數(shù)。arguments只在函數(shù)內(nèi)部起作用，并且永遠(yuǎn)指向當(dāng)前函數(shù)的調(diào)用者傳入的所有參數(shù)。arguments類似Array即類數(shù)組對(duì)象，但它不是一個(gè)Array。即使函數(shù)不定義任何參數(shù)，arguments還是可以拿到參數(shù)的值。arguments常用來檢測(cè)傳遞進(jìn)函數(shù)的參數(shù)個(gè)數(shù)。類數(shù)組對(duì)象轉(zhuǎn)數(shù)組使用Array.prototype.slice.call(arguments)方法。
代碼示例:
返回參數(shù)平方和

function sumOfSquares(){
     var sum=0;
     for(var i=0;i

JS函數(shù)的重載
在靜態(tài)語言中相同名字的函數(shù)，如果其參數(shù)個(gè)數(shù)不同或者參數(shù)順序不同都被認(rèn)為是不同的函數(shù)，稱為函數(shù)重載。在JavaScript中沒有函數(shù)重載的概念，函數(shù)通過名字確定唯一性，參數(shù)不同也被認(rèn)為是相同的函數(shù)，后面的覆蓋前面的。JS函數(shù)重載用arguments來遍歷傳遞進(jìn)函數(shù)的參數(shù)，根據(jù)參數(shù)的值來執(zhí)行不同的代碼。

立即執(zhí)行函數(shù)的作用
函數(shù)立即執(zhí)行，先括號(hào)聲明函數(shù)然后括號(hào)調(diào)用函數(shù)。
（function(){ }）( )(函數(shù)聲明)（函數(shù)調(diào)用）或者（function( ){ }( )）
立即執(zhí)行函數(shù)表達(dá)式一般不需要給函數(shù)命名，因?yàn)橹恍枰⒖虉?zhí)行并返回一個(gè)結(jié)果就行。函數(shù)立即執(zhí)行的作用：
1.不必為函數(shù)命名，避免了污染全局變量，立即執(zhí)行完成后被內(nèi)存回收。
2.IIFE內(nèi)部形成了一個(gè)多帶帶的作用域（因?yàn)榧恿死ㄌ?hào)成為了一個(gè)語句），可以封裝一些外部無法讀取的私有變量

什么是函數(shù)的作用域鏈
1.在大多數(shù)語言中都是用花括號(hào){}來形成一個(gè)作用域，俗稱塊作用域，但是在JavaScript中{ }并沒有帶來塊作用域（ES6除外）。ES5中作用域分全局作用域和函數(shù)作用域，函數(shù)作用域內(nèi)定義的變量函數(shù)外不可以訪問。
2.函數(shù)內(nèi)聲明變量加var代表局部變量，如果函數(shù)內(nèi)聲明變量不加var，則聲明變量是全局變量。全局作用域的變量實(shí)際上是被綁定到window的一個(gè)屬性。
3.由于JavaScript的函數(shù)可以嵌套，此時(shí)，內(nèi)部函數(shù)可以訪問外部函數(shù)定義的變量，反過來則不行。任何變量（函數(shù)也視為變量），如果沒有在當(dāng)前函數(shù)作用域中找到，就會(huì)繼續(xù)往上查找，最后如果在全局作用域中也沒有找到，則報(bào)ReferenceError錯(cuò)誤。JavaScript的函數(shù)在查找變量時(shí)從自身函數(shù)定義開始，從“內(nèi)”向“外”查找。如果內(nèi)部函數(shù)定義了與外部函數(shù)重名的變量，則內(nèi)部函數(shù)的變量將“屏蔽”外部函數(shù)的變量。
"use strict";
function foo() {
    var x = 1; 
    function bar() {
        var y = x + 1; // bar可以訪問foo的變量x! 
    } 
    var z = y + 1; // ReferenceError! foo不可以訪問bar的變量y!
}