红宝书笔记——JavaScript Function类型

作为值的函数：不仅可以像传递参数一样传递给另一个函数，而且可以将一个函数作为另一个函数的结果返回。

function callSomeFunction(someFunction,someArgument){
    return someFunction(someArgument);
}
function add10(num){
    return num+10;
}
var result=callSomeFunction(add10,10);
document.write(result);//20
function getGreeting(name){
    return "hello, "+name;
}
var result2=callSomeFunction(getGreeting,"Nike");
document.write(result2);//hello, Nike

sort()方法用到这种从一个函数返回另一个函数的方法。

function createComparisonFunction(propertuName){
    return function(object1,object2){
        var value1=object1[propertuName];
        var value2=object2[propertuName];
        if(value1<value2){
            return -1;
        }else if(value1>value2){
            return 1;
        }else{
            return 0;
        }
    };
}
var data=[{name:"Zachary",age:28},{name:"Nick",age:29}];
data.sort(createComparisonFunction("name"));
document.write(data[0].name);//Nick
data.sort(createComparisonFunction("age"));
document.write(data[0].name);//Zachary

函数内部属性：arguments 和 this

function factorial(num){
    if(num<=1){
        return 1;
    }else{
        return num*factorial(num-1);
    }
}
var result=factorial(9);
alert(result);
function factorial(num){
    if(num<=1){
        return 1;
    }else{
        return num*arguments.callee(num-1);
    }
}
var result=factorial(9);
alert(result);

这两个函数执行的结果一样，都为362880。
函数属性和方法：
每个函数都包含两个属性：length和prototype

function sayName(name){
    alert(name);
}
function sum(num1,num2){
    return num1+num2;
}
function sayHi(){
    alert("hi");
}
alert(sayName.length);//1
alert(sum.length);//2
alert(sayHi.length);//0

每个函数包含两个非继承而来的方法apply()和call()。

function sum(num1,num2){
    return num1+num2;
}
function callSum1(num1,num2){
    return sum.apply(this,arguments);
}
function callSum2(num1,num2){
    return sum.apply(this,[num1,num2]);
}
alert(callSum1(10,10));//20
alert(callSum2(10,10));//20

call() 方法第二个参数是其余参数直接传递给函数。

function sum(num1,num2){
    return num1+num2;
}
function callSum(num1,num2){
    return sum.call(this,num1,num2);
}
alert(callSum(10,10));//20

在讨论javascript的继承中也用到了call()方法。

bind() 方法

window.color="red";
var o={color:"blue"};
function sayColor(){
    alert(this.color);
}
var objectSayColor=sayColor.bind(o);
objectSayColor();//blue