回归JavaScript基础（七）

主题：引用类型Function的介绍。

 

今天首先说的就是Function类型。下面就是定义函数的两种方法，第一种使用函数声明语法定义，第二种使用函数表达式定义。这两种定义函数的方式几乎没有什么区别。

function func1() {}
var func2 = function() {}
console.log(typeof(func1)); //function
console.log(typeof(func2)); //function

非要说区别就如下面代码所示。在执行JavaScript前会对申明的变量和函数进行提前，把这些都自动放到执行代码的最上方，但是变量的赋值却不提升！是不是很费解，不过这就是JavaScript的规定，一定要注意！

console.log(hello());  //"Hello,world."
console.log(hi());     //undefinded
function hello() {
    return "Hello,world.";
}
var hi = function() {
    return "Hi,world.";
};

函数源于对象，因此实际上函数名实际上也是一个指向函数对象的指针。下面代码中的hello和hi就是指向同一个function对象。

function hello() {
    return "Hello,world!";
}
hello();  //"Hello,world!"
var hi = hello; //注意：不带括号的函数名访问的是函数指针
hi();  //"Hello,world!"

在前面就提过，JavaScript中函数没有重载。这里，我们可以通过函数表达式的例子更清楚了解这点。

var add = function(num) {
    return num + 1;
};
add = function(num) {
    return num + 2;
};
var result = add(1);    //3 
//备注：很明显，第二次的function覆盖了第一次function

函数可以作为一个值再传给另一个函数。

function addFunc(func, arg) {
    return func(arg);
}
var add = function(num) {
    return num + 1;
};
var result = addFunc(add, 1);
console.log(result);    //2

（拓展）函数的apple()和call()方法。有兴趣可以查查资料，后面还会介绍！

var name = "xuchaoi";
var blog = {name: "blog.xuchaoi"};
function getName() {
    console.log(this.name);
}
getName();              //xuchaoi
getName.apple(blog);    //blog.xuchaoi
getName.call(blog);     //blog.xuchaoi