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

• 函数声明会产生函数的声明前置，因此可以把函数的调用写在函数声明之前；但函数表达式只能产生变量的声明前置，如果把调用放在函数表达式之前则会报错。
• 函数声明语句不能出现在循环、条件判断，或者 try/cache/finally 以及 with 语句中。函数表达式可以出现在 JavaScript 代码的任何地方。
• 函数声明语句之后不加分号；函数表达式语句结尾需加分号。

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

变量声明前置:在解析JavaScript 代码，先获取所有被声明的变量(仅变量名，不包括其值)，然后再逐行运行。这使得所有变量的声明语句都会被提升到代码的头部
函数声明前置:在解析JavaScript 代码，先获取所有被声明的函数，从而使函数在执行任何代码之前都可以访问。

arguments 是什么##

arguments 是一个类数组对象，相当于传入 function 的所有参数的集合。

函数的重载怎样实现##

JavaScript 中没有函数重载的概念，但可以通过以下方法来实现类似效果:

• 以通过处理传入的参数来实现类似重载的效果

function printPeopleInfo(name, age, sex) {
    if (name) {
        console.log(name);
    }
    if (age) {
        console.log(age);
    }
    if (sex) {
        console.log(sex);
    }
}
printPeopleInfo('Byron', 26);
printPeopleInfo('Byron', 26, 'male');

• 通过遍历 arguments来实现类似重载的效果

function sum(){
  var sum = 0;
  for (var i = 0; i < arguments.length; i++) {
    sum = sum + arguments[i];
  }
  return sum;
}
console.log(sum(1,3,5));

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

• 立即执行函数表达式的结构为：(函数定义表达式)函数调用表达式。通过创建一个匿名函数并立即调用执行来实现。
• 作用：
  创建作用域,防止命名冲突。
  一些库的外层用这种形式包起来防止作用域污染。
  运行一些只执行一次的代码。
  用闭包保存状态。

什么是函数的作用域链##

作用域链是内部上下文所有变量对象（包括父变量对象）的列表,用来变量查询。在代码执行的过程中，所有用到的变量会在当前作用域中进行寻找，如果找不到，就会往沿着作用域链向上一级进行寻找，一直到全局作用域为止，如果找到便会停止（而不理会上一级是否有同名的变量），如果找不到，就会报错。

代码练习#

以下代码输出什么？###

代码练习.png

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

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

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

sayName('world');//hello world ,函数声明前置
sayAge(10);//报错,非函数,函数表达式相当于变量,当做变量前置处理
function sayName(name){
    console.log('hello ', name);
}
var sayAge = function(age){
    console.log(age);
};

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

function fn(){} 
var fn = 3; 
console.log(fn);//3,变量覆盖了函数

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

代码练习2.png
当函数执行有命名冲突的时候，函数执行时载入顺序是变量、函数、参数

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

var fn = 1;
function fn(fn){
 console.log(fn);
}
console.log(fn(fn)); //报错 fn为1,不是函数

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

console.log(j);//声明未赋值,undefined
console.log(i);//声明未赋值,undefined
for(var i=0; i<10; i++){
    var j = 100;
}
console.log(i);//10
console.log(j);//100

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

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

代码练习3.png

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

var say = 0;
(function say(n){
    console.log(n);
    if(n<3) return;
    say(n-1);
}( 10 ));//输出10-2,立即执行函数不影响后续代码
console.log(say);//0