JavaScript对象（一）——Function对象

写在最前面：

对象只是带有属性和方法的特殊数据类型（js的7种数据类型：字符串，数字，布尔，数组，对象，null，undefined）。

JavaScript是面向对象的语言，但是JavaScript和其他面向对象语言不同，它没有类的概念。没有类自然也不会通过类来创建对象，JavaScript基于prototype,而不是基于类。

JavaScript 中的所有事物都是对象：字符串、数值、数组、函数...此外，JavaScript 允许自定义对象。

JavaScript 提供多个内建对象，比如 String、Date、Array 等等，先从Function开始。

对象是带有属性和方法的特殊数据类型，从这句话入手，从三方面看一看Function对象：1、声明（数据类型）2、属性 3、方法 

一、声明

　　1、函数声明　　

function foo(argname1,argname2,...){
   body// do something       
}

　　2、函数表达式

var foo = function(argname1,argname2,...){
    body// do something
}

　　3、Function构造函数

var foo = new Function(argname1,argname2,...,body);

 

二、属性（不包括继承来的属性）

　　1、arguments属性 

　　　　获取当前正在执行的 Function 对象的参数（arguments对象）。

　　示例：

function ArgTest(arg1, arg2){
          var s = "";
           s += "The individual arguments are: "
          for (n = 0; n < arguments.length; n++){//arguments是对象属性，它本身也是对象，有length属性
                  s += ArgTest.arguments[n];
                  s += " ";
           }
           return(s);
}
console.log(ArgTest("yuanliang","shuai"));

　　输出结果：The individual arguments are: yuanliang shuai 

　　2、caller属性

　　　　获取调用当前函数的函数。

　　　　caller 属性只有当函数正在执行时才被定义。 如果函数是从 JavaScript 程序的顶层调用的，则 caller 包含 null。

　　示例：

function callerFun(){
        console.log(callerFun.caller);//只有函数正在执行时才被定义
}

function init(){
        callerFun();
}

init();
callerFun();

　　输出结果：function init(){callerFun();}  null  //第一次调用callerFun()是通过init函数调用的，故返回init函数，第二次直接调用故返回null

　　3、length属性

　　　　获取函数的参数数目

　　　　创建函数的实例后，脚本引擎将该函数的 length 属性初始化为该函数定义中的参数数量。

　　示例：

function lengthFun(arg1,arg2,arg3,arg4){
                 console.log("lengthFun's length="+lengthFun.length);
                 console.log("arguments' length="+arguments.length);
}

lengthFun(1,2,3);

　　输出结果：lengthFun's length=4   arguments' length=3

　　从示例中能够看到，Function对象的length和arguemnts的length不一定相同。

 

三、方法（不包括继承自Object对象的方法）

　　1、apply() 和 call()方法

　　见上一篇博客：http://www.cnblogs.com/wangyuanliang/p/4264505.html

　　2、bind()方法

　　对于给定函数，创建与原始函数相同的主体的绑定函数。 在绑定函数中，this 对象将解析为传入的对象。 绑定函数具有指定的初始参数。

　　function.bind(thisArg[,arg1[,arg2[,argN]]])

　　　　function

　　　　　　必选。 一个函数对象。

　　　　thisArg

　　　　　　必选。 this 关键字可在新函数中引用的对象。//一个对象，

　　　　arg1[,arg2[,argN]]]

　　　　　　可选。 要传递到新函数的参数的列表。

　　示例1：

function bindFun(value){
                      if(typeof value !== 'number')
                          console.log("not a number");
                      else
                          value>=this.min&&value<=this.max?console.log("number is correct!"):console.log("number is wrong!");
    }
var option = {max:50,min:10};
var judgeFun = bindFun.bind(option);
judgeFun(30);
judgeFun(80);

　　输出结果：number is correct! number is wrong!   //第一个在范围之内返回correct 第二个不在范围返回wrong

　　这里的参数option对应thisArg，为必填参数。

　　示例2：

function bindParamFun(arg1,arg2,arg3,arg4){
        console.log("bindParamFun params are : "+arg1+arg2+arg3+arg4);
    }
var emptyObject = {};

var bindParamFun2 = bindParamFun.bind(emptyObject,"a","b");
bindParamFun2("c","d","e");

　　输出结果：bindParamFun params are : abcd  //在bindParamFun2中第一个参数是一个空的对象，充当thisArg，如果没有此参数，“a”将被当做thisArg,输出结果将是：bindParamFun params are : bcde

四、一些需要特别注意的地方

　　1、如何选择声明方式？

　　在（一、声明）中的三种方式中我们应该选择哪一种才是合适的呢？

　　大多数javascript书籍里面不推荐使用第三种，原因第三种存在严重的性能问题，这种定义会解析两次代码，第一次是常规的解析这条语句，第二次要把函数里的字符串解析成实际的函数。我们可以通过第三种方式可以理解到：javascript的函数其实是对象（object）,而函数名是指向对象的地址。

　　函数声明和函数表达式：

　　这两个方式在性能上没有太大的去区别，但由于JavaSctipt预加载顺序的不同，在定义函数时需要注意一下。

　　代码执行之前，解析器就已经读取函数声明并将其添加到执行环境中，要早于基础基础数据类型的定义。

　　示例1：

function foo2(){
        console.log("foo1");
}

var fun = foo2;
function foo2(){
       　fun();
      　 console.log("foo2");
}
foo2();

　　输出结果：too much recursion  //出现递归，内存溢出

　　如果改为：

　　示例2：

var foo2 = function(){
    console.log("foo1");
};
var fun = foo2;
var foo2 = function(){
         fun();
         console.log("foo2");
};
foo2();

　　输出结果:foo1 foo2　

　　原因就是在代码执行前，JavaScript会将function提前定义，即：funciton=>var 

　　　　　　　　　　　　　　　　　　　　　　　　　　　　                       对比

　　function foo2(){console.log("foo1");};　　　//old　　　　　　　　　　　　　　　　var foo2 = function(){console.log("foo1)};　　　 //foo2指向旧的方法

　　function foo2(fun();console.log("foo2"));　  //new　　　　　　　　　　　　　　　  var fun  = foo2;　　　　　　　                            //将foo2的地址给fun 即fun指向旧的方法　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　　

　　var fun = foo2;  　　　　　　　　　　　　//fun指向的地址是新的foo2　　　　   　 foo2 = function(){fun();console.log("foo2)};　　　//foo2指向新的方法的地址　fun不变

　　foo2();　　　　　　　　　　　　　　　　//此时就会出现内存溢出　　　　　　　  foo2();　　　　　　　　　　　　　　　　　　   //执行foo2

　　2、没有重载

　　JavaScript中的function没有重载，后面的定义将会覆盖前面的定义。

function foo(arg1,arg2,arg3){
        console.log("This is a function:"+arg1+arg2+arg3);
}
function foo(arg1,arg2){
        console.log("Be Better:"+arg1+arg2);
}
foo("hello","world","leon");  //没有区执行三个参数的方法

　　输出结果：Be Better:helloworld

　　明显，在传入三个参数的情况下，仍然执行了后面定义的方法，原因是发生了覆盖而不是重载。相当于：

var foo = function(arg1,arg2,arg3){
        console.log("This is a function:"+arg1+arg2+arg3);
}

foo = function(arg1,arg2){
        console.log("Be Better:"+arg1+arg2);
}
foo("hello","world","leon");