函数进阶

函数进阶

  其实函数也可以看做是一种特殊的数据类型，所以函数也可以当做函数的参数，也可以作为函数的返回值。

函数作为参数

function f1(f) {
    f();
}
var f2 = function () {
    console.log("我是f2");
}
f1(f2);

我是f2

函数作为返回值

function f1() {
    return function () {
        console.log("我是f1");
    }
}
//将f1返回的函数赋值给f2
var f2 = f1();
//调用f2
f2();

我是f1

预解析

  预解析会将变量的声明以及函数的声明提前到最前面，但是没有赋值，比如下面

f1();
var num = 20;
function f1() {
    console.log(num);
}

undefined

上面函数的声明和变量的声明会提前到最前面，所以上面的代码等价于

var num;   //只是声明提前，并没有初始化
function f1() {
    console.log(num);
}
f1();       //因为num只是提前声明了，没有赋值，所以输出的是undefined
num = 20;

  下面将通过预解析讲讲函数表达式的不同，首先看

function f1() {
    console.log("我是1");
}
f1();
function f1() {
    console.log("我是2");
}
f1();

我是2
我是2

上面的代码经过预解析，函数的声明会提前，所以上面的代码等价于

function f1() {
    console.log("我是1");
}
function f1() {
    console.log("我是2");
}
f1();
f1();

我是2
我是2

后面的函数会覆盖掉前面的函数，所以输出的都是"我是2"。

  如果使用函数表达式的方式

var f1 = function () {
    console.log("我是1");
}
f1();
f1 = function () {
    console.log("我是2");
}
f1();

我是1
我是2

由于预解析会把变量的声明提前，所以上面的代码等价于

var f1;
f1 = function () {
    console.log("我是1");
}
f1();
f1 = function () {
    console.log("我是2");
}
f1();

所以输出的结果是

我是1
我是2

全局变量与局部变量

  在函数里面定义的变量称之为局部变量，其他的称为全局变量。局部变量的意思就是在函数内部定义的变量外面不能够访问，比如

function f() {
    var num = 10; //为局部变量，只能在函数内被访问
}
console.log(num);  //不能够访问函数内的num,所以这个会报错

不是在函数内定义的变量可以随处被访问，比如

{
    //JavaScript不存在块级作用域，所以该变量为全局变量，可以随处被访问
    var num = 10; 
}

//可以访问num
console.log(num);  

function f() {
    //可以访问外面的num
    console.log(num);  
}
f();

10
10

  如果不用var定义变量，那么该变量就为隐式全局变量，隐式全局变量与全局变量一样，可以到处被访问，即使是定义在函数内

function f() {
    num = 10;  //是隐式全局变量，在外面也能够被访问
}
f();
console.log(num);

10

  隐式全局变量可以通过delete进行删除，如

function f() {
    num = 10;  //是隐式全局变量，在外面也能够被访问
}
f();
console.log(num); //输出10
delete num;
console.log(num); //会报错，因为num已经被删除了