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

• 函數(shù)聲明不必放在調(diào)用前面
• 函數(shù)表達式必須放在調(diào)用前面

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

• 在一個作用域下，var聲明的變量和function聲明的函數(shù)會前置
• 不在函數(shù)作用域內(nèi),var聲明的變量和function聲明的函數(shù)都會前置到全局最頂部
• 在函數(shù)作用域內(nèi)，var聲明的變量和function聲明的函數(shù)則會前置到函數(shù)體的最頂部

3. arguments 是什么

arguments是函數(shù)所有參數(shù)的集合（數(shù)組），可以在函數(shù)內(nèi)使用

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

js不支持重載，同名函數(shù)會覆蓋，需要對參數(shù)進行非空或者類型的判斷來模擬函數(shù)重載（可以用if條件判斷語句來實現(xiàn)）

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

• 類似于下面的寫法是立即執(zhí)行函數(shù)表達式：

(function(){
  //todo
}())

• 作用：隔離作用域

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

答：兩種方法（其中尾遞歸優(yōu)化用了ES6語法)
尾調(diào)用優(yōu)化：調(diào)用函數(shù)是最后一步操作，遞歸時只保留內(nèi)層函數(shù)的調(diào)用幀

• 沒有尾調(diào)用優(yōu)化的遞歸

function fn(n){
  if(n===1){
    return 1;
  }
  return n*fn(n-1);//遞歸調(diào)用后還未結(jié)束：再乘以n，所以它不是尾調(diào)用
}

• 優(yōu)化后的遞歸（尾遞歸優(yōu)化）

const fm = (n, flat)=>{
  if(n===1){
    return flat;
  }
  return fm(n-1,n*flat);//尾部遞歸調(diào)用后結(jié)束，釋放外層函數(shù)的調(diào)用幀，只保留內(nèi)層函數(shù)的調(diào)用幀
};
const fmm = (n)=>fm(n,1);

• 打印結(jié)果

var res1 = fn(10);
let res2 = fmm(10);
console.log(res1, res2);//3628800  3628800

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, '男');
getInfo('小谷', 3);
getInfo('男');

答：

• getInfo('饑人谷', 2, '男');

"name":  "饑人谷"
"age":  2
"sex":  "男"
[object Arguments]{0:"饑人谷", 1:2, 2:"男"}
"name"  "valley"

• getInfo('小谷', 3);

"name":  "小谷"
"age":  3
"sex":  undefined
[object Arguments]{0:"小谷", 1:3}
"name"  "valley"

• getInfo('男');

"name":  "男"
"age":  undefined
"sex":  undefined
[object Arguments]{0:"男"}
"name"  "valley"

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

function sumOfSquares(){
   }
   var result = sumOfSquares(2,3,4)
   var result2 = sumOfSquares(1,3)
   console.log(result)  //29
   console.log(result2)  //10

三種方法：分別是for循環(huán)、for-in循環(huán)和Object.values()，代碼如下：

 function sumOfSquares(){
   let res = 0;
//  1. for 循環(huán)
//    for(let i=0; i<arguments.lenght; i++){
//      res += arguments[i] * arguments[i];
//    }
//  2. for-in循環(huán)
//    for (let index in arguments) {
//      res += arguments[index]*arguments[index];
//    }
//   3.ES8引入了Object.keys、Object.values和Object.entries，作為遍歷一個對象的補充手段。  
  for(let value of Object.values(arguments)) {
    res += value*value;
  }
   return res;
 }

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

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

輸出：undefined 報錯（"error" "ReferenceError: b is not defined ..."）；
- 因為var聲明的變量會聲明前置，即在console.log(a)之前就聲明了a（但還沒賦值），故輸出undefined;
- b沒有聲明，所以會報錯

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

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

輸出: "hello " "world" 報錯("error" "TypeError: sayAge is not a function")

• function聲明的函數(shù)無需寫在調(diào)用前；
• 但函數(shù)表達式必須先聲明再調(diào)用.

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

var x = 10
bar() 
function foo() {
  console.log(x)
}
function bar(){
  var x = 30
  foo()
}

輸出：10

globalContext = {
  AO:{
    x:10,
    foo:function,
    bar:function,
  },
  scope:none;
}
foo['scope'] = globalContext.AO;
bar['scope'] = globalContext.AO;
barContext = {
  AO:{
    x:30,
  },
  scope:golbalContext.AO
}
fooContext = {
  AO:{},
  scope:golbalContext.AO
}

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

var x = 10;
bar() 
function bar(){
  var x = 30;
  function foo(){
    console.log(x) 
  }
  foo();
}   

輸出: 30，偽代碼如下：

globalContext = {
  AO:{
    x:10,
    bar:function,
  },
  scope:none,
}
bar['scope'] = globalContext.AO;
barContext = {
  AO:{
    x:30,
    foo:function,
  },
  scope: globalContext.AO,
}
fooContext = {
  AO:{},
  scope:barContext.AO,
}

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

var x = 10;
bar() 
function bar(){
  var x = 30;
  (function (){
    console.log(x)
  })()
}

輸出 30

globalContext = {
  AO:{
    x:10,
    bar:function,
  },
  scope:none;
}
bar['scope'] = globalContext.AO;
barContext = {
  AO:{
    x:30,
    foo:function,
  },
  scope:golbalContext.AO
}
foo['scope'] = barContext.AO;
fooContext = {
  AO:{},
  scope:barContext.AO
}

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)

輸出：undefined 5 1 6 20 200

globalContext = {
  AO:{
    a:200,
    fn:function,
    fn3:function,
  },
  scope:none;
}
fn['scope'] = globalContext.AO;
fn3['scope'] = globalContext.AO;
fn3Context = {
  AO:{},
  scope:globalContext.AO,
}
fnContext = {
  AO:{
    a:20,
    fn2:function,
  },
  scope:globalContext.AO
}
fn2['scope'] = fnContext.AO;
fn2Context = {
  AO:{},
  scope:fnContext.AO
}