函數(shù)

函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別 （*）

  • 函數(shù)聲明
    var printName = function(){
    console.log('Byron');
    };
  • 函數(shù)表達(dá)式
    function printName(){
    console.log('Byron');
    }
    printName();
  • 區(qū)別。
    以下為范例。
    console.log( shengMing );
    console.log( biaoda );
    function shengMing(){
    console.log("shengming")
    };
    var biaoda=function biaoDa(){
    console.log("biaoda")
    };
    console.log( shengMing );
    console.log( biaoda );

由此可以看出，即使函數(shù)shengMing是在后面聲明的，但是也可以在前面叼用。而函數(shù)表達(dá)式則不可以。說明對于函數(shù)聲明，函數(shù)名稱和函數(shù)體均提前聲明了，可以在聲明之前調(diào)用它；但對于函數(shù)表達(dá)式，只有函數(shù)變量聲明提前了，但是函數(shù)的初始化代碼仍然在原來的位置。

什么是變量的聲明前置？什么是函數(shù)的聲明前置 （**）

  • 變量提升
    JavaScript引擎的工作方式是，先解析代碼，獲取所有被聲明的變量，然后再一行一行地運(yùn)行。這造成的結(jié)果，就是所有的變量的聲明語句，都會(huì)被提升到代碼的頭部。
    console.log(a);
    console.log(b);
    var a=1;



    可以看到雖然var a=1 放在了后面，但是還是可以看出，var a 被聲明前置了。

  • 函數(shù)表達(dá)式的聲明前置
    console.log(fn);
    var fn = function(){
    biaodashi
    };
    其輸出結(jié)果也是為underfined。因?yàn)楹瘮?shù)表達(dá)式相當(dāng)于是聲明了一個(gè)變量。

  • 函數(shù)聲明的聲明前置
    console.log(fn);
    function fn(){
    shengming
    };


    可以看到其輸出了fn函數(shù)，而不是undefined。

arguments 是什么 （*）

  • 在函數(shù)內(nèi)部,你可以使用arguments對象獲取到該函數(shù)的所有傳入?yún)?shù)
    function printPersonInfo(name, age, sex){
    console.log(name);
    console.log(age);
    console.log(sex);
    console.log(arguments);
    console.log(arguments.length);
    }
    printPersonInfo("hunger","22","man")
    結(jié)果


函數(shù)的重載怎樣實(shí)現(xiàn) （**）

  • 重載是很多面向?qū)ο笳Z言實(shí)現(xiàn)多態(tài)的手段之一，在靜態(tài)語言中確定一個(gè)函數(shù)的手段是靠方法簽名——函數(shù)名+參數(shù)列表，也就是說相同名字的函數(shù)參數(shù)個(gè)數(shù)不同或者順序不同都被認(rèn)為是不同的函數(shù)，稱為函數(shù)重載
  • 在JavaScript中沒有函數(shù)重載的概念，函數(shù)通過名字確定唯一性，參數(shù)不同也被認(rèn)為是相同的函數(shù)，后面的覆蓋前面的。可利用arguments實(shí)現(xiàn)函數(shù)的類重載。
    function printInfo(){
    for(var i=0;i<arguments.length;i++){
    console.log(arguments[i])
    }
    }
    printInfo("hunger","22","man");
    printInfo("hunger","22");
    printInfo("hunger");

立即執(zhí)行函數(shù)表達(dá)式是什么？有什么作用 （***）


以上兩種即為立即執(zhí)行函數(shù)表達(dá)式。

  • 模擬塊作用域 眾所周知，JavaScript沒有C或Java中的塊作用域（block），只有函數(shù)作用域，在同時(shí)調(diào)用多個(gè)庫的情況下，很容易造成對象或者變量的覆蓋
  • 解決閉包沖突
  • 模擬單例

http://weizhifeng.net/immediately-invoked-function-expression.html

什么是函數(shù)的作用域鏈 （****）

  • 在JavaScript中，函數(shù)也是對象，實(shí)際上，JavaScript里一切都是對象。函數(shù)對象和其它對象一樣，擁有可以通過代碼訪問的屬性和一系列僅供JavaScript引擎訪問的內(nèi)部屬性。其中一個(gè)內(nèi)部屬性是[[Scope]]，該內(nèi)部屬性包含了函數(shù)被創(chuàng)建的作用域中對象的集合，這個(gè)集合被稱為函數(shù)的作用域鏈，它決定了哪些數(shù)據(jù)能被函數(shù)訪問。
  • 作用域
    作用域就是函數(shù)和變量可以訪問的范圍，JS中變量的作用域分為全局作用域和局部作用域。JS的作用域是靠函數(shù)來形成的，也就是說一個(gè)函數(shù)內(nèi)定義的變量函數(shù)外不可以訪問，變量在聲明它們的函數(shù)體及其子函數(shù)內(nèi)是可見的。

1.以下代碼輸出什么？ （難度**）

function getInfo(name, age, sex){
    console.log('name:',name);
    console.log('age:', age);
    console.log('sex:', sex);
    console.log(arguments);
    arguments[0] = 'valley';
    console.log('name', name);
}

getInfo('hunger', 28, '男');
getInfo('hunger', 28);
getInfo('男');

2.寫一個(gè)函數(shù)，返回參數(shù)的平方和？如

function sumOfSquares(){
 }
 sumOfSquares(2,3,4);   // 29
 sumOfSquares(1,3);   // 10

代碼如下

function sumOfSquares(){
   for(i=0,s=0;i<arguments.length;i++){ 
     s=s+arguments[i]*arguments[i];
   }                  //之前設(shè)置了在for語句內(nèi)部設(shè)置了var s=0,導(dǎo)致只輸出最后一個(gè)參數(shù)的平方。
   console.log(s);
 };

3.如下代碼的輸出？為什么

console.log(a);
var a = 1;
console.log(b);

考察了變量提升。如下代碼相當(dāng)于

var a;
console.log(a);
a=1;
console.log(b);

4.如下代碼的輸出？為什么

sayName('world');
sayAge(10);
function sayName(name){
    console.log('hello ', name);
}
var sayAge = function(age){
    console.log(age);
};

5.如下代碼的輸出？為什么

function fn(){}
var fn = 3;
console.log(fn);

相當(dāng)于

var fn；
function fn(){}
fn = 3;
console.log(fn);

輸出為3
6.如下代碼的輸出？為什么

function fn(fn2){
   console.log(fn2);
   var fn2 = 3;
   console.log(fn2);
   console.log(fn);
   function fn2(){
        console.log('fnnn2');
    }
 }
fn(10);

以上代碼相當(dāng)于

function fn(fn2){
   var fn2;
   function fn2(){
        console.log('fnnn2');
    }
   console.log(fn2);//按順序來，此時(shí)輸出的為函數(shù)
   fn2 = 3;
   console.log(fn2);//3
   console.log(fn);//此時(shí)輸出的為fn函數(shù)
 }
fn(10);

7.如下代碼的輸出？為什么

var fn = 1;
function fn(fn){
     console.log(fn);
}
console.log(fn(fn));

此代碼相當(dāng)于

var fn；//此時(shí)fn為變量
function fn(fn){
     console.log(fn);
}//此時(shí)fn為函數(shù)
fn = 1;此時(shí)fn為1
console.log(fn(fn)); //相當(dāng)于console.log(1(1));

1當(dāng)然不是函數(shù)啦，結(jié)果必然報(bào)錯(cuò)。
Uncaught TypeError: fn is not a function
8.如下代碼的輸出？為什么

//作用域
console.log(j); 
console.log(i); 
for(var i=0; i<10; i++){
    var j = 100;
}
console.log(i); 
console.log(j);

此代碼相當(dāng)于

var i;
var j;
console.log(j); //定義了未賦值，undefined
console.log(i); //定義了未賦值，undefined
for(i=0; i<10; i++){
    j = 100;
}
console.log(i); //10
console.log(j);//100

9.如下代碼的輸出？為什么

fn();
var i = 10;
var fn = 20;
console.log(i);
function fn(){
    console.log(i); 
    var i = 99;
    fn2();  
    console.log(i); 
    function fn2(){
        i = 100;
    }
}

此代碼相當(dāng)于

var i;
var fn;
function fn(){
    var i;
    function fn2(){
        i = 100;
    }
    console.log(i); //定義了變量，未執(zhí)行函數(shù),undefined
    var i = 99;//此處為局部變量i=99;
    fn2();  //調(diào)用函數(shù),i=100
    console.log(i); //i=100;
}
fn();
i = 10;
fn = 20;
console.log(i);//i=10

10.如下代碼的輸出？為什么

var say = 0;
(function say(n){
    console.log(n);
    if(n<3) return;
    say(n-1);
}( 10 ));//此為自執(zhí)行函數(shù)，參數(shù)為10，執(zhí)行到2時(shí)結(jié)束函數(shù)。
console.log(say);//自執(zhí)行函數(shù)相當(dāng)于閉包。不影響全局。由上面定義的可知，var say =0,輸出為0.
最后編輯于 ：
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時(shí)請結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點(diǎn)，簡書系信息發(fā)布平臺(tái)，僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容