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

• .以函數(shù)聲明的方法定義的函數(shù),函數(shù)名是必須的,而函數(shù)表達式的函數(shù)名是可選的
• 以函數(shù)聲明的方法定義的函數(shù),函數(shù)可以在函數(shù)聲明之前調(diào)用,而函數(shù)表達式的函數(shù)只能在聲明之后調(diào)用.
• 以函數(shù)聲明的方法定義的函數(shù)并不是真正的聲明,它們僅僅可以出現(xiàn)在全局中,或者嵌套在其他的函數(shù)中,但是它們不能出現(xiàn)在循環(huán),條件或者try/catch/finally中,而 函數(shù)表達式可以在任何地方聲明

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

• 變量的聲明前置：JavaScript引擎的工作方式是，先解析代碼，獲取所有被聲明的變量，然后再一行一行地運行。這造成的結(jié)果，就是所有的變量的聲明語句，都會被提升到代碼的頭部，然后給他初始值undefined，然后才逐句執(zhí)行程序，這就叫做“變量提升”，也即“變量的聲明前置”。
• 函數(shù)的聲明前置：函數(shù)聲明會被提升到作用域的最前面，即使寫代碼的時候是寫在最后面，也還是會被提升至最前面

3. arguments 是什么

arguments 是一個類似數(shù)組的對象, 對應(yīng)于傳遞給函數(shù)的參數(shù)。
?arguments對象是函數(shù)內(nèi)部的本地變量；arguments 已經(jīng)不再是函數(shù)的屬性了?？梢栽诤瘮?shù)內(nèi)部通過使用 arguments 對象來獲取函數(shù)的所有參數(shù)。這個對象為傳遞給函數(shù)的每個參數(shù)建立一個條目，條目的索引號從0開始。它包括了函所要調(diào)用的參數(shù)。object對象。類數(shù)組。

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

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

    if(age){
      console.log(age);
    }

    if(sex){
      console.log(sex);
    }
  }

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

立即執(zhí)行函數(shù)表達式是一種聲明和調(diào)用同時進行的函數(shù)表達式
作用：隔離作用域，避免聲明污染

(function(){ var a = 1; })()
(function(){ var a = 1; }())
/*
當(dāng)圓括號出現(xiàn)在匿名函數(shù)的末尾想要調(diào)用函數(shù)時，它會默認(rèn)將函數(shù)當(dāng)成是函數(shù)聲明。當(dāng)圓括號包裹函數(shù)時，它會默認(rèn)將函數(shù)作為表達式去解析，而不是函數(shù)聲明
*/

6.求n!，用遞歸來實現(xiàn)

function multiply(n){
    if(n===1 || n===0){
        return 1;
    }
    return n*multiply(n-1);
    if(n<0){
        return false;
    }
}

7.以下代碼輸出什么？

    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('饑人谷', 2, '男');
/*
name:饑人谷
age:2
sex:男
['饑人谷',2,'男']
name valley
*/
getInfo('小谷', 3);
/*
name:小谷
age:3
sex:undefined
['小谷',3]
name valley
*/
getInfo('男');
/*
name:男
age:undefined
sex:undefined
['男']
name valley
*/

8. 寫一個函數(shù)，返回參數(shù)的平方和？

 function sumOfSquares(){
      var sum=0;
        for(var i=0;i<arguments.length;i++){
            sum=sum+arguments[i]*arguments[i];
      }
       return sum
   }
   var result = sumOfSquares(2,3,4)
   var result2 = sumOfSquares(1,3)
   console.log(result)  //29
   console.log(result2)  //10

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

    console.log(a);//undefined
    var a = 1;
    console.log(b);//b is not defined，沒有b變量的聲明

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

sayName('world');//hello world
    sayAge(10);//sayAge(10) is not a function
    function sayName(name){
        console.log('hello ', name);
    }
    var sayAge = function(age){
        console.log(age);
    };
/*
由于對于function sayName(name)實用的是函數(shù)聲明，對于var sayAge = function(age)使用的是函數(shù)表達式（函數(shù)聲明的方法定義的函數(shù),函數(shù)可以在函數(shù)聲明之前調(diào)用,而函數(shù)表達式的函數(shù)只能在聲明之后調(diào)用）
*/

11. 如下代碼輸出什么? 寫出作用域鏈查找過程偽代碼

var x = 10
bar() 
function foo() {
  console.log(x)
}
function bar(){
  var x = 30
  foo()
}
/*
1.
   globalContext = {
      AO:{
         x:10
         foo:function
         bar:function
      },
      Scope:null
   }
   foo.[[scope]]=globalContext.AO
   bar.[[scope]]=globalContext.AO
2.調(diào)用bar()
   barContext = {
        AO:{
            x:30
        },
        Scope:bar.[[scope]] = globalContext.AO
    }
3.調(diào)用foo()
    fooContext = {
        AO:{},
        Scope:foo.[[scope]] = globalContext.AO
    }
    輸出10
*/

12. 如下代碼輸出什么? 寫出作用域鏈查找過程偽代碼

var x = 10;
bar() 
function bar(){
  var x = 30;
  function foo(){
    console.log(x) 
  }
  foo();
}
/*
1.
globalContext = {
   AO:{
      x:10
      bar:function
   },
   Scope:null
}
bar.[[scope]]=globalContext.AO
2.調(diào)用bar()
barContext = {
   AO:{
       x:30
      foo:function
   },
   scope:bar.[[scope]]=globalContext.AO
}
foo.[[scope]]=barContext.AO
3.調(diào)用foo()
fooContext = {
   AO:{},
   scope:foo.[[scope]]=barContext.AO
}
輸出30
*/  

13. 以下代碼輸出什么? 寫出作用域鏈的查找過程偽代碼

var x = 10;
bar() 
function bar(){
  var x = 30;
  (function (){
    console.log(x)
  })()
  }
/*
1.
globalContext = {
   AO:{
      x:10
      bar:function
   },
   Scope:null
}
bar.[[scope]]=globalContext.AO
2.調(diào)用bar()
barContext = {
   AO:{
       x:30
       function
   },
   scope:bar.[[scope]]=globalContext.AO
}
function.[[scope]]=barContext.AO
3.調(diào)用foo()
functionContext = {
   AO:{},
   scope:function.[[scope]]=barContext.AO
}
輸出30
*/

14. 以下代碼輸出什么？ 寫出作用域鏈查找過程偽代碼

var a = 1;

function fn(){
  console.log(a)
  var a = 5
  console.log(a)
  a++
  var a
  fn3()
  fn2()
  console.log(a)

  function fn2(){
    console.log(a)
    a = 20
  }
}

function fn3(){
  console.log(a)
  a = 200
}

fn()
console.log(a)
/*
1.
    globalContext = {
        AO:{
            a:1
            fn:function
            fn3:function
        },
        Scope:null
    }
    fn.[[scope]] = globalContext.AO
    fn3.[[scope]] = globalContext.AO
    2.調(diào)用fn()
    fnContext = {
        AO:{
            a:undefined
            fn2:function
        },
        Scope:fn.[[scope]] // globalContext.AO
    }
    fn2.[[scope]] = fnContext.AO
    3.調(diào)用fn3()
    fn3Context = {
        AO:{
            a:200
        },
        Scope:fn3Context.[[scope]]//globalContext.AO
    }
    fn2ConText = {
        AO:{
            a:20
        },
        Scope:fn2ConText.[[scope]]//fnContext.AO
    }
首先運行fn()，由于fn()內(nèi)定義了a所以console.log(a)為undefined，然后a=5，所以console.log(a)為5，a++使a為6，運行fn3(), fn3.[[scope]] = globalContext.AO,故console.log(a)為1然后a=200，使得globalContext.AO中a變成200，運行fn2()由于fn2.[[scope]] = fnContext.AO所以console.log(a)為6，由于a=20是全局定義，使得fnContext.AO中a變成20，console.log(a)變成20.最后運行全局的console.log(a)為200
所以輸出為
undefined
5
1
6
20
200
*/