JS函數(shù)基礎(chǔ)(一)

函數(shù)聲明與函數(shù)表達(dá)式、聲明的提前、arguments、“重載”、立即執(zhí)行函數(shù)表達(dá)式

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

函數(shù)聲明:

fn();     //調(diào)用函數(shù),abc

function fn(){          //函數(shù)聲明
    console.log("abc");    
}

使用函數(shù)聲明時(shí),函數(shù)聲明會(huì)提前,函數(shù)聲明函數(shù)體均提前了。所以在使用函數(shù)聲明時(shí),調(diào)用函數(shù)可以放在任意位置。

函數(shù)表達(dá)式

fn();   //調(diào)用函數(shù),fn is not a function

var fn = function(){    //函數(shù)表達(dá)式
     console.log("abc");    
}

函數(shù)表達(dá)式使用了var,變量聲明語句會(huì)被提前到函數(shù)的頂部。但是,變量初始化的操作還是在原來var語句的位置執(zhí)行。
函數(shù)表達(dá)式就是把函數(shù)定義的方式寫成表達(dá)式的方式,就是把一個(gè)函數(shù)對(duì)象賦值給一個(gè)變量。
使用var時(shí),變量聲明提前,但是將函數(shù)對(duì)象賦值給這個(gè)變量時(shí),依舊在原來使用var的位置賦值。在賦值之前該變量的值是undefined。
所以在使用函數(shù)表達(dá)式時(shí),調(diào)用函數(shù)必須放在函數(shù)表達(dá)式之后。

2. 什么是變量的聲明前置?什么是函數(shù)的聲明前置

使用var聲明,會(huì)使聲明進(jìn)行提前,但是賦值過程依舊是在使用var的原位置進(jìn)行賦值。
函數(shù)聲明時(shí),函數(shù)聲明與函數(shù)體都將前置。
如下代碼:

console.log(a); //undefined
var a = 3;
console.log(a); //3

sayHello();

function sayHello(){
  console.log('hello');
}

console.log(fn); //undefined
  fn(); //報(bào)錯(cuò)

var fn = function(){}

上面的代碼在實(shí)際操作中,瀏覽器是如下解析的:

var a;//undefined
function sayHello(){
  console.log('hello');
}
var fn;//undefined

console.log(a);//undefined
var a = 3;//原位置進(jìn)行賦值
console.log(a);//3

sayHellos();//hello

console.log(fn);//undefined
fn();//報(bào)錯(cuò),fn is not a function

var fn = function(){};//原位置進(jìn)行賦值

3. arguments 是什么

ES函數(shù)不介意傳遞多少個(gè)參數(shù),也不在乎傳進(jìn)來的參數(shù)是什么數(shù)據(jù)類型。原因是ES中的參數(shù)在內(nèi)部是用一個(gè)數(shù)組來表示的。
在函數(shù)體內(nèi)可以通過arguments對(duì)象來訪問這個(gè)函數(shù)的參數(shù)數(shù)組,從而獲取傳遞給函數(shù)的每一個(gè)參數(shù)。
arguments對(duì)象只是與數(shù)組類似,arguments可以使用方括號(hào)語法訪問它的每一個(gè)元素(如arguments[0]),使用length屬性來確定傳遞進(jìn)來多少個(gè)參數(shù)。
所以函數(shù)也可以像這樣寫:

function fn(){
    if (arguments.length == 1){
        console.log(" just " +arguments[0])
}else{
        console.log(arguments[0] + " and " + arguments[1])
}}
fn(5);//just 5
fn(5,4);//5 and 4

function fn2(){
   console.log(arguments[0] +  " and " + arguments[1] +  " and " + arguments[2])
}
fn2(2,3);// 2 and 3 and undefined

在函數(shù)中,命名參數(shù)可以與arguments對(duì)象一起使用。而且arguments的值永遠(yuǎn)與對(duì)應(yīng)命名參數(shù)的值保持同步。

function fn(num1,num2){
arguments[1] = 10;
console.log(arguments[0]+num2);
}
fn(10,0);//20

4. 函數(shù)的"重載"怎樣實(shí)現(xiàn)

可以使用在函數(shù)中使用if語句進(jìn)行條件篩選,也可以使用arguments對(duì)象進(jìn)行“重載”。

  function printPeopleInfo(name, age, sex){
    if(name){
      console.log(name);
    }
    if(age){
      console.log(age);
    }
    if(sex){
      console.log(sex);
    }  }

  printPeopleInfo('Byron', 26);//Byron 26
  printPeopleInfo('Byron', 26, 'male');//Byron 26 male

function fn(){
    if (arguments.length == 1){
        console.log(" just " +arguments[0])
}else{
        console.log(arguments[0] + " and " + arguments[1])
}}
fn(5);//just 5
fn(5,4);//5 and 4

5. 立即執(zhí)行函數(shù)表達(dá)式是什么?有什么作用

立即執(zhí)行函數(shù)表達(dá)式有幾種方法:

//1
(function(){
console.log("abc");
})()
//2
[function fn(){}]()
//3
1,function fn2(){}()

立即執(zhí)行函數(shù)表達(dá)式可以隔離作用域,使得全局變量不被污染。

6. 求n!,用遞歸來實(shí)現(xiàn)

function fn(x) {
    if(x === 1||x===0) {
        return 1
    }
    return x * fn(x-1)
}

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

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

  • 《ijs》速成開發(fā)手冊(cè)3.0 官方用戶交流:iApp開發(fā)交流(1) 239547050iApp開發(fā)交流(2) 10...
    葉染柒丶閱讀 5,644評(píng)論 0 7
  • 函數(shù)聲明和函數(shù)表達(dá)式有什么區(qū)別 (*)解析器會(huì)率先讀取函數(shù)聲明,并使其在執(zhí)行任何代碼之前可以訪問;函數(shù)表達(dá)式則必須...
    coolheadedY閱讀 446評(píng)論 0 1
  • //Clojure入門教程: Clojure – Functional Programming for the J...
    葡萄喃喃囈語閱讀 4,045評(píng)論 0 7
  • 根本沒辦法睡懶覺。昨晚為了讓自己多貪玩一會(huì)兒2點(diǎn)才睡,誰知道今天6點(diǎn)半自己醒了。 我知道我還是會(huì)焦慮。即使經(jīng)過兩次...
    青梔閱讀 239評(píng)論 0 0
  • 1958年過去了,來年的秋日,我娘說我姥娘養(yǎng)了三只鏢肥的大羊。眼瞅著這羊,整天心神不寧,不寧什么?她想我三姨了。 ...
    我是敗類閱讀 659評(píng)論 3 3

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