js 中的Function类型

函数的创建有两种方式：

• 函数声明
• 函数表达式

二者基本等价，除了 什么时候可通过变量访问函数的区别，以下将举例证明。

以函数声明的方式来创建，那么不论在什么时候访问函数，都是正确的，因为解析器有函数声明提升。

    sayHello();

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

以函数表达式方式来创建，那么只能在创建之后才能访问。

    //sayHello(); 这里会报错，sayHello is not a function
    			//也就是说未定义，下面的代码不会执行。
    
    var sayHello = function () {
        console.log('hello');
    }
    
    sayHello(); //正确

函数名仅仅是一个指针

    var name = 'window';

    var obj = {
        name: 'zed',
        sayName: sayName
    }

    function sayName() {
        console.log(this.name)
    }

    sayName();//输出 window
    obj.sayName();//输出 zed

在对象中将外部函数赋值给对象的函数，实际上就是把指向这个函数的指针赋值给一个空指针，让它也指向这个函数。而函数的指针，就是函数名。sayName()和obj.sayName()指向的是一个函数。

上面的代码sayName: sayName是不加圆括号的，不加圆括号的函数名是访问函数指针，而非调用函数指针。若加上圆括号，则表示的意义是将一个函数的返回值赋值给另外一个函数返回值。

没有重载

js中的函数，是没有重载的。

function getSum(num) {
        console.log(num + 100);
    }

    function getSum(num) {
        console.log(num + 200);
    }

    getSum(100);//输出内容为 300

实际上，同名函数之间，后者会覆盖前者。

this 和 arguments

每个函数都有这两个特殊的值。

• this指向函数的调用者，可以利用call()，apply()，bind()方法来改变this的指向。

 var name = 'window';

    var obj = {
        name: 'zed',
    }

    function sayName() {
        console.log(this.name)
    }

    sayName();//输出 window
    sayName.call(obj);//输出 zed

• arguments对象中有一个属性callee，它指向拥有这个arguments对象的函数。下面的代码是递归求阶乘。

    function factorial(n) {
        if (n <= 1) {
            return 1;
        }
        return n * factorial(n - 1);
    }

    console.log(factorial(5));//120
    
    var func = factorial;
    factorial = null;
    
    console.log(func(5));//报错

factirual函数运作正常，但是如果想把这个函数换个名字，就出现了问题。

报错的原因是递归函数中return n * factorial(n - 1)，这里的factirual已经被注销了。

解决的方法很简单，将递归函数体中的函数名换为arguments.callee即可。这样就减小了函数的耦合度。

返回值为函数

sort()方法需要接收一个比较函数，这里就写一个示例，了解一下返回值为函数的意义。

    var data = [
        {
            name: 'zed',
            age: 18
        },
        {
            name: 'zs',
            age: 20
        },
        {
            name: 'ls',
            age: 30
        }
    ];
    
    data.sort(createCompareFunc('name'));//ls，zed，zs

    function createCompareFunc(proName) {
        return function (obj1, obj2) {
            if (obj1[proName] < obj2[proName]) {
                return -1;
            } else if (obj1[proName] > obj2[proName]) {
                return 1;
            } else {
                return 0;
            }
        }
    }