函数知识点总结

一、函数声明和函数表达式有什么区别？

答：

函数声明：function fn(){}
函数表达式：var fn = function(){};

区别：1.函数声明语句不能出现在if语句，while循环和其他任何语句中，表达式则可以；2.函数声明会产生函数的声明前置，因此可以在函数声明之前就调用函数。函数表达式只会产生变量的声明前置，因此在函数表达式之前调用会报错。

二、什么是变量的声明前置？什么是函数的声明前置？

答：

变量的声明前置，JavaScript代码在解析时，会首先获取所有被声明的变量（只有变量名，不包含其值），使所有变量的声明语句会提升到代码的头部。
函数的声明前置，JavaScript代码在解析时，先获取所有被声明的函数，使函数在执行任何代码之前都可以访问。

三、arguments是什么？

答：rguments 是一个类数组对象，相当于传入的所有函数的集合，可以使用方括号语法访问它的每一个元素。

四、函数的重载怎样实现？
以下是重载的求和函数：

function sum(a,b,c){
var  sum =0;
for (var i =0; i<arguments.length; i++){
sum += arguments[i];
}
return sum；
}

五、立即执行函数表达式是什么？有什么作用

(function() {code} (可传入参数) );
(function () {code})(可传入参数);
可以让函数在定义后直接调用，作用是在固有的作用域内使用，不会污染全局变量。

六、什么是函数的作用域链

作用域：指对变量存在的范围，在javascript中存在2种作用域：
（1）全局作用域：在全局作用域定义的变量称为全局变量，全局作用域指变量在整个程序中都存在，所有地方都可以读取；
（2）局部作用域：在里面的定义的变量（需在定义变量的前面加上var，否则该变量会变为全局变量）称为局部变量，它们只函数内部存在；
作用域链的原理是，如果变量在该作用域中没有，则它会逐级向上寻找，直至最顶层

代码问答：
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,'男');
/*
 name:hunger
 age:28
 sex:男
 ["hunger",28,"男"]
 name:valley
*/
getInfo('hunger',28);
/*
 name:hunger
 age:28
 sex:undefined
 ["hunger",28]
 name:vally
*/
getInfo('男');
/*
 name:男
 age:undefined
 sex:undefined
 ["男"]
 name:valley
*/

2 写一个函数，返回参数的平方和？

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

3.如下代码的输出？为什么？

console.log(a); //undefined
var a = 1;
console.log(b); //报错，b is not defined;
/*
 由于变量的声明提升，所以在这段代码执行之前，先声明var a,在打印a，在
 给a赋值，在打印b，所以有上面的结果。
*/

4 如下代码的输出？为什么？

sayName('world'); //hello world
sayAge(10);       //TypeError:undefined is not a function
function sayName(name){
console.log('hello ',name);
}
var sayAge = function(age){
 console.log(age);
};
/*
 函数声明语句会前置，所以在声明语句之前调用也可以，而函数表达式只是

var sayAge;声明提升了，
 此时函数还没有赋给他，还不是函数，所以调用的时候会报错。
*/

5.如下代码的输出？为什么（难度**）

function fn(){}
var fn = 3;
console.log(fn);//3
/*
变量提升var fn;提升至最前,然后声明fn为函数,再将3赋值fn覆盖了函数。
*/

6 如下代码的输出？为什么？

function fn(fn2){
 console.log(fn2);
 var fn2 =3;
 console.log(fn2);
 console.log(fn);
 function fn2(){
   console.log('fnnn2');
 }
}
fn(10）;
输出是：
function fn2(){
console.log('fnnn2');
}
3
function fn(fn2){
console.log(fn2);
var fn2 =3;
console.log(fn2);
console.log(fn);
function fn2(){
console.log('fnnn2');
}
}

原因：
由于变量声明提升和函数声明前置，代码执行顺序会变成这样

7 如下代码的输出？为什么？

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

因为fn是1不是函数所以报错

8.如下代码的输出？为什么（难度**）

console.log(j);  //undefined  声明提升，未赋值
console.log(i);  //undefined  声明提升，未赋值
for(var i=10; i<10; i++){
  var 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;
       }
   }

输出是：undefined；100；100
原因：第一个输出的是函数里面的第一个console.log(i),i还未赋值；
第二个输出的是函数里面的第二个console.log(i),此时i由于fn2函数以赋

值100；
第三输出的是函数外面的console.log(i)，以被赋值10.

10.如下代码的输出？为什么（难度*****）

  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;
       }
   }

输出结果：10,9,8,7,6,5,4,3,2,0
原因：立即执行函数，n=2时跳出函数,不影响后续代码。