JS函数基础（一）

函数声明与函数表达式、声明的提前、arguments、“重载”、立即执行函数表达式

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

函数声明：

fn();     //调用函数，abc

function fn(){          //函数声明
    console.log("abc");    
}

使用函数声明时，函数声明会提前，函数声明和函数体均提前了。所以在使用函数声明时，调用函数可以放在任意位置。

函数表达式

fn();   //调用函数，fn is not a function

var fn = function(){    //函数表达式
     console.log("abc");    
}

函数表达式使用了var，变量声明语句会被提前到函数的顶部。但是，变量初始化的操作还是在原来var语句的位置执行。
函数表达式就是把函数定义的方式写成表达式的方式，就是把一个函数对象赋值给一个变量。
使用var时，变量声明提前，但是将函数对象赋值给这个变量时，依旧在原来使用var的位置赋值。在赋值之前该变量的值是undefined。
所以在使用函数表达式时，调用函数必须放在函数表达式之后。

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

使用var声明，会使声明进行提前，但是赋值过程依旧是在使用var的原位置进行赋值。
函数声明时，函数声明与函数体都将前置。
如下代码：

console.log(a); //undefined
var a = 3;
console.log(a); //3

sayHello();

function sayHello(){
  console.log('hello');
}

console.log(fn); //undefined
  fn(); //报错

var fn = function(){}

上面的代码在实际操作中，浏览器是如下解析的：

var a;//undefined
function sayHello(){
  console.log('hello');
}
var fn;//undefined

console.log(a);//undefined
var a = 3;//原位置进行赋值
console.log(a);//3

sayHellos();//hello

console.log(fn);//undefined
fn();//报错，fn is not a function

var fn = function(){};//原位置进行赋值

3. arguments 是什么

ES函数不介意传递多少个参数，也不在乎传进来的参数是什么数据类型。原因是ES中的参数在内部是用一个数组来表示的。
在函数体内可以通过arguments对象来访问这个函数的参数数组，从而获取传递给函数的每一个参数。
arguments对象只是与数组类似，arguments可以使用方括号语法访问它的每一个元素（如arguments[0]），使用length属性来确定传递进来多少个参数。
所以函数也可以像这样写：

function fn(){
    if (arguments.length == 1){
        console.log(" just " +arguments[0])
}else{
        console.log(arguments[0] + " and " + arguments[1])
}}
fn(5);//just 5
fn(5,4);//5 and 4

function fn2(){
   console.log(arguments[0] +  " and " + arguments[1] +  " and " + arguments[2])
}
fn2(2,3);// 2 and 3 and undefined

在函数中，命名参数可以与arguments对象一起使用。而且arguments的值永远与对应命名参数的值保持同步。

function fn(num1,num2){
arguments[1] = 10;
console.log(arguments[0]+num2);
}
fn(10,0);//20

4. 函数的"重载"怎样实现

可以使用在函数中使用if语句进行条件筛选，也可以使用arguments对象进行“重载”。

  function printPeopleInfo(name, age, sex){
    if(name){
      console.log(name);
    }
    if(age){
      console.log(age);
    }
    if(sex){
      console.log(sex);
    }  }

  printPeopleInfo('Byron', 26);//Byron 26
  printPeopleInfo('Byron', 26, 'male');//Byron 26 male

function fn(){
    if (arguments.length == 1){
        console.log(" just " +arguments[0])
}else{
        console.log(arguments[0] + " and " + arguments[1])
}}
fn(5);//just 5
fn(5,4);//5 and 4

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

立即执行函数表达式有几种方法：

//1
(function(){
console.log("abc");
})()
//2
[function fn(){}]()
//3
1,function fn2(){}()

立即执行函数表达式可以隔离作用域，使得全局变量不被污染。

6. 求n!，用递归来实现

function fn(x) {
    if(x === 1||x===0) {
        return 1
    }
    return x * fn(x-1)
}