进阶3

函数声明和函数表达式

函数声明：function functionName(){}
  函数表达式：var fn = function(){}
  函数声明会提前，函数表达式可以省略标识符。函数表达式不会声明前置，应该注意位置。

变量的声明前置及函数的声明前置

所谓的变量声明前置就是在一个作用域块中，所有的变量都被放在块的开始处声明。
函数的声明前置和变量声明前置一样，执行代码之前会先读取函数声明，只要函数在代码中进行了声明，无论它在哪个位置上进行声明，js引擎都会将它的声明放在范围作用域的顶部。

arguments

arguments是一个类数组对象。代表传给一个function的参数列表。
arguments对象是函数内部的本地变量；arguments 已经不再是函数的属性了。可以在函数内部通过使用 arguments 对象来获取函数的所有参数。这个对象为传递给函数的每个参数建立一个条目，条目的索引号从0开始。它包括了函所要调用的参数。object对象。类数组。

函数的"重载"怎样实现

在JS中，没有重载。同名函数会覆盖。可以使用arguments.length来判断传入参数的个数，针对不同参数采取不同方法实现重载的功能。

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

(function(){var a = 1;})()
javascript中没用私有作用域的概念，如果在多人开发的项目上，你在全局或局部作用域中声明了一些变量，可能会被其他人不小心用同名的变量给覆盖掉，根据javascript函数作用域链的特性，可以使用这种技术可以模仿一个私有作用域，用匿名函数作为一个“容器”，“容器”内部可以访问外部的变量，而外部环境不能访问“容器”内部的变量，所以( function(){…} )()内部定义的变量不会和外部的变量发生冲突，俗称“匿名包裹器”或“命名空间”。

求n!，用递归来实现

function multiply(n){
    if(n===1 || n<=0){
        return 1;
    }else 
    return n*multiply(n-1);
}
console.log(multiply(n))

以下代码输出什么？

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
*/

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

function sumOfSquares(){
        var sum=0;
        for(var i=0;i

如下代码的输出？为什么

console.log(a);//undefined 声明前置但赋值在后
    var a = 1;
    console.log(b);//报错，b没有声明

如下代码的输出？为什么

sayName('world');//输出hello world，函数声明前置
    sayAge(10);//报错，函数表达式不会前置
    function sayName(name){
        console.log('hello ', name);
    }
    var sayAge = function(age){
        console.log(age);
    };

如下代码输出什么? 写出作用域链查找过程伪代码

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.调用bar()
    barContext = {
        AO:{
            x:30
        },
        Scope:bar.[[scope]] = globalContext.AO
    }
    x变成30

    3.调用foo()
    fooContext = {
        AO:{},
        Scope:foo.[[scope]] = globalContext.AO
    }
    输出10
*/

如下代码输出什么? 写出作用域链查找过程伪代码

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.调用bar()
    barContext = {
        AO:{
          x:30
        },
        Scope:bar.[[scope]] // globalContext.AO
    }
    foo.[[scope]] = barContext.AO
    3.调用foo()
    fooContext = {
        AO:{},
        scope:foo.[[scope]]
    }
    输出结果为30
*/

以下代码输出什么? 写出作用域链的查找过程伪代码

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.调用bar()
    barContext = {
        AO:{
            x:30
            function
        },
        Scope:bar.[[scope]] //globalContext.AO
    }
    function.[[scope]] = barContext.AO
    3.调用立即执行函数
    functionContext = {
        AO:{},
        Scope:function.[[scope]]//barContext.AO
    }
    结果为30*/

以下代码输出什么？ 写出作用域链查找过程伪代码

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.调用fn()
    fnContext = {
        AO:{
            a:undefined
            fn2:function
        },
        Scope:fn.[[scope]] // globalContext.AO
    }
    fn2.[[scope]] = fnContext.AO

    3.
    fn3Context = {
        AO:{
            a:200
        },
        Scope:fn3Context.[[scope]]//globalContext.AO
    }
    fn2ConText = {
        AO:{
            a:20
        },
        Scope:fn2ConText.[[scope]]//fnContext.AO
    }
    //输出的结果 undefined 5 1 6 20 200
*/