函数与作用域

1.函数声明和函数表达式有什么区别

答：函数声明可以看作是函数的初始化，我们将给函数传参并建立函数体的表达式，当我门建立完成后，就可以进行函数的表达式了，做法如下:function foo(){}, foo();
函数表达式其实就是创建一个匿名的函数声明并赋值给一个变量,如var foo = function () {}。
当然如果说有什么不同，那就是当我门使用函数声明的时候，其定义的foo函数名会受到javascript的变量名提升机制的影响,而通过函数表达式创建的函数，当然其最明显直接的特征就是省略了函数名.
另外还有几种函数的声明写法，比如自执行函数,主要用于创建一个新的作用域，在此作用域内声明的变量不会和其它作用域内的变量冲突或混淆，大多是以匿名函数方式存在，且立即自动执行，如:(function(){var x = xx; return x}),还有就是一些js的函数设计模式，比如构造，工厂，混合，等....
2.什么是变量的声明前置？什么是函数的声明前置

答：首先是变量声明的前置，

console.log(i);

var i = 1;
那么输出的结果将是undefined,因为:

var i;(因为提前了而且未被赋值).

console.log(i);

i =1;（到了这里之前的i才被赋值，再输出一次就为1了）.
其次，是函数的声明前置，刚刚我们已经之道，通过函数声明的方式建立的函数表达式会提前,所以:

test(1)

function test(x){console.log(x);}

输出的结果其实为1;因为function test(x){...}的整个函数已经提前到了test(1)之前。
但是，值得注意的是，同样的方法，如果使用在函数表达式上的话，其出现的结果往往可能是报错，因为调用在其声明之前。

3.arguments 是什么
答:arguments其实是函数的一个内置参数的数组对象，通过arguments[1、2、3]等...我门可以获取到相应的传入参数.
4.函数的"重载"怎样实现

答:首先，讲一个比较基础的做法，就是通过函数的arguments.length进行判断，并结合switch语句给出不同参数长度情况下的执行语句.
这种做法可以实现一些简单的阶乘或者递归操作.
比如:
function test(){
var test=0;
for(var i=0; i<arguments.length; i++)
{
test= test + arguments[i];
}
return test;
}
console.log(test(1, 4, 5, 7)); // 输出值为 17

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

答:立即执行函数就是当我们在定义了函数之后需要立即执行的函数，这样解释可能有点晦涩..所以，来看一下实例.

function(){ /* code / }();// SyntaxError: Unexpected token (
一般情况下，也许有人认为立即执行函数可能会是这个样子的，但其实为了避免解析上的歧义，JavaScript引擎规定，如果function关键字出现在行首，一律解释成语句。因此，JavaScript引擎看到行首是function关键字之后，认为这一段都是函数的定义，不应该以圆括号结尾，所以就报错了。
所以一般情况下，在写,IIFE的时候要写成
(function(){ / code / }());
// 或者
(function(){ / code */ })();

上面两种写法都是以圆括号开头，引擎就会认为后面跟的是一个表示式，而不是函数定义语句，所以就避免了错误。这就叫做“立即调用的函数表达式”（Immediately-Invoked Function Expression），简称IIFE。

注意，上面两种写法最后的分号都是必须的。如果省略分号，遇到连着两个IIFE，可能就会报错。

推而广之，任何让解释器以表达式来处理函数定义的方法，都能产生同样的效果，比如下面三种写法。
var i = function(){ return 10; }();
true && function(){ /* code / }();
0, function(){ / code */ }();
作用:
通常情况下，只对匿名函数使用这种“立即执行的函数表达式”。它的目的有两个：一是不必为函数命名，避免了污染全局变量；二是IIFE内部形成了一个单独的作用域，可以封装一些外部无法读取的私有变量。

6.求n!，用递归来实现
答:function multiply(n) {

    if(n === 1) {
        return 1;
    }
    alert(n*multiply(n-1));
}
multiply(3);

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:男、['饥人谷', 2, '男']、name vally;

getInfo('小谷', 3);
输出: name:小谷、age:3、undefined、['小谷', 3]、name vally;

getInfo('男');
输出: name:男、undefined、undefined、['男']、name vally;

8. 写一个函数，返回参数的平方和？
   答：function sumOfSquares(){

    var result=0;
    for (var i=0;i<arguments.length;i++) {
        result = result + arguments[i]*arguments[i];
    }
    return result;
   

   }
   var demo = sumOfSquares(1,3);
   console.log(demo);

9. 如下代码的输出？为什么
   console.log(a);
   var a = 1;
   console.log(b);
   答:console.log(a)输出的是undefined、因为变量在当前作用域下被提升了，结果在console.log(a)前面的var a;虽然声明了但是没有赋值，结果为undefined.
   console.log(b)完全是没有声明也没有赋值，结果是报错.//ReferenceError: b is not defined

10. 如下代码的输出？为什么
    sayName('world');
    sayAge(10);
    function sayName(name){
    console.log('hello ', name);
    }
    var sayAge = function(age){
    console.log(age);
    };
    答:根据函数声明提升的论据可知，sayNme('world');会返回'hello world'.而sayAge(10);因为是使用表达式的形势定义的所以，当调用在定义之前就会报错，sayAge is not a function.

11. 如下代码输出什么? 写出作用域链查找过程伪代码
    var x = 10
    bar()
    function foo() {
    console.log(x)
    }
    function bar(){
    var x = 30
    foo()
    }

答:输出结果为10,关于作用域链的伪代码，我就写一下自己大致的解题思路.
首先,全局作用域下定义了一个var x =10;紧接着调用bar()函数.
其次向下看bar函数是通过声明的方式定义的所以会提前到全局的头部，即紧挨着var x;
再看bar()里面的局部域，可以看到另外定义了一个局部的var x =30;以及调用了foo()函数.
返回全局查看foo函数发现有声明，并且console.log(x);而关键就是这个x，因为foo函数定义的时候没有在自己的内部定义var x = xxx;所以默认是取了全局的var x =10;
所以最终结果是输出10,如果想输出不同，只要在foo函数内部另外定义一个var x = xxx，即可.

12. 如下代码输出什么? 写出作用域链查找过程伪代码
    var x = 10;
    bar()
    function bar(){
    var x = 30;
    function foo(){
    console.log(x)
    }
    foo();
    }
    答:输出30,解题思路与11题很像，唯一不同的地方就是当声明的路劲不一样，11是在全局下声明，而12是在函数内部声明，所以按照向上查找的思路，自然x就是30.
13. 以下代码输出什么? 写出作用域链的查找过程伪代码
    var x = 10;
    bar()
    function bar(){
    var x = 30;
    (function (){
    console.log(x)
    })()
    }
    答:输出30，思路与12基本一致，只不过，这里IIFE因为没有可以调用自身的x值，所以做了一个向上查找的动作，得到30,一个很重要的内容就是，函数的作用域，与声明时有关，与调用时无关.

注:JavaScript语言特有的”链式作用域”结构（chain scope），子对象会一级一级地向上寻找所有父对象的变量。所以，父对象的所有变量，对子对象都是可见的，反之则不成立。

高级应用"闭包"也会使用上述的方法.

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.
同样的，这里的伪代码，其实用一句话，就可以解释清楚，"因为定义的环境不一样，即每个函数与变量的诞生的环境不一样，决定了其链式作用域，是自身或者父级，又或者是全局."其次，因为变量的声明被后声明的值所替换，导致，后面的a出现不同.