javascript 基础 Function类型

函数--可以说是ECMAScript中最有意思的部分了。

函数实际上是对象，每个函数都是Function类型的实例。函数名实际上是一个指向函数对象的指针。

除了我们常见的两种函数声明方式，函数声明与函数表达式，还有一种使用Function构造函数创建，

例：

//Function构造函数方式
var sum = new Function("num1","num2","return num1+num2");

alert(sum(1,3));

解释：函数是对象，函数名是指针。

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

var anotherSum = sum; // 指向同一函数
alert(anotherSum(10,20)); // 30

sum = null; // sum引用指针为空,断绝于函数的关系，此时anotherSum指向的仍为那个函数
alert(anotherSum(10,20)); // 30 anotherSum指针指向的是真实对象，跟sum无关

注：使用不带圆括号的函数名访问的函数指针，而非调用函数;

1-2 函数重载

从语言角度讲，javascript不支持函数重载，不能够define相同的函数名然后编译器识别不同的参数执行不同的函数体。

但javascript可以通过自身属性模拟函数重载。

最基本函数重载，例：

function addSomeNumber(num1,num2,num3){
// 根据函数参数个数判断，实现函数重载   
        if(arguments.length==1){
            return arguments[0];    
        }
        if(arguments.length==2){
            return arguments[0]+arguments[1];    
        }
        if(arguments.length==3){
            return arguments[0]+arguments[1]+arguments[2];    
        }
        
}

function myInfo(name, password, email){
        //根据函数参数类型判断，实现函数重载
        if(typeof(email) != "undefined"){
            alert("填写信息正确");    
        }else if(typeof(password) != "undefined"){
            alert("email地址没有填写");
        }else {
            alert("密码不能为空");
        }
}

这种方法实现要领：将必须的参数放前面，将可以省略的参数放后面，未传入的参数类型是undefined.

1-3 作为值的函数

javascript中函数名就是变量，不仅可以把函数作为参数传递，也可将一函数作为另一个函数的结果返回，即return一个函数.

函数作为参数传递，例：

 

function callSomeFunction(someFunction, someArgument){
    //someFunction参数传递函数，注意不要加（）,这里传递的是函数引用
    return someFunction(someArgument);
}
function add10(num){
    return num+10;    
}

var result1 = callSomeFunction(add10, 20);
alert(result1); // 30

function getGreeting(name){
    return "hello "+name;
}

var result2 = callSomeFunction(getGreeting,"han");
alert(result2);

 

在一函数中返回函数，例：

/** 函数作为另一函数返回值 **/
function createComparisonFunction(propertyName){
    // 返回函数
    return function(obj1, obj2)    {
        var value1 = obj1[propertyName];
        var value2 = obj2[propertyName];
        
        if(value1 < value2){
            return -1;    
        }else if(value1 > value2){
            return 1    
        }else{
            return 0;
        }    
    }
}
var data = [{name: "han",age: 22},{name: "Nicholas", age: 28}];
data.sort(createComparisonFunction("name"));
alert(data[0].name);
data.sort(createComparisonFunction("age"));
alert(data[0].age);

1-4 函数内部属性

两个特殊属性arguments和this，相信写过javascript代码的对这两个都不陌生。

arguments是一个类数组对象，包含传入的所有参数，arguments对象还有一个callee的属性，该属性是个指针，指向拥有这个arguments对象的函数，即（原函数）.

例：

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

对象this，与java中的this类似，this引用的是函数据以执行操作的对象。

window.color = "red";
var o ={ color:"blue"};
    

function sayColor(){
    alert(this.color);
}

sayColor(); // "red"
o.sayColor = sayColor;
o.sayColor(); // "blue"

请牢记：函数的名字仅仅是一个包含指针的变量而已，即使在不同的环境中执行，全局的sayColor()与o.sayColor()调用的仍是同一个函数。

1-5 函数属性和方法

1，每个函数都含有两个属性：length和prototype。

length属性表示函数希望接收的参数

2，prototype是最值得深究的属性，prototype是保存它们所有实例方法的真正所在。诸如toString()和valueOf()都在prototype名下。

3，非继承的方法apply()和call(),apply和call第一个参数都是传入作用域，第二个参数apply需要传入参数数组，call是一个个参数传入

他们的使用实例，

function sum(num1,num2){
    return num1+num2;    
}
// apply方法，参数按数组传入
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 callSum3(num1, num2){
    return sum.call(this,num1,num2);    
}
alert(callSum3(10,10)); //20

apply和call的最大作用还在于扩充函数赖以运行的作用域，对象不需要与方法有任何耦合关系。例：

//最大的作用，扩充函数赖以运行的作用域
window.color = "red";
var o = {color: "blue"};

function sayColor(){
    alert(this.color);
}

sayColor(); //red
sayColor.call(this); // red
sayColor.call(window); // red
sayColor.call(o); // blue
//最后这个，不需要在对象o里传入sayColor方法了，可以直接通过window对象中的sayColor方法调用了

 

4，继承的toLocaleString()和toString()方法始终返回函数的代码

2 高级函数重载

由于现在能力有限，高级函数重载后续再写