JavaScript Function函数类型介绍

// 在JS中,Function（函数）类型实际上是对象;每个函数都是Function类型的实例;而且都与其他引用类型一样具有属性和方法;
// 由于函数是对象,因此函数名实际上也是一个指向函数对象的指针;
一函数的声明方式

1.函数声明方式function box（num1,num2）{return num1+num2;}2.函数表达式定义函数var box = function（num1,num2）{  // 通过变量box即可引用函数;return num1+num2;};                  // 注意函数末尾有一个分号,就像声明其他变量时一样;  var another = box;         // 使用不带圆括号的函数名是访问函数指针;而非调用函数;    console.log（another（10,10））;  3.使用Function构造函数var box = new Function（"num1","num2","return num1+num2"）;// 第三种方式不推荐,这种语法会导致解析两次代码（第一次解析常规JS代码,第二次解析传入构造函数中的字符串）,从而影响性能;// 可以通过这种语法来理解"函数是对象,函数名是指针"的概念;

二作为值的函数

// JS中的函数名本身就是变量,所以函数也可以作为值来使用;// 也就是说,不仅可以像传参数一样把一个函数传递给另一个函数,而且可以将一个函数作为另一个函数的结果返回;function box（sumFunction,num）{    // 无论第一个参数传递进来的是什么函数,return sumFunction（num）;     // 它都会返回执行第一参数后的结果;}function sum（num）{return num+10;}// 传递函数到另一个函数里;    // 要访问函数的指针不执行函数的话,须去掉函数名后的圆括号;var result = box（sum,10）;// =>20;

三函数内部属性

// 函数内部有两个特殊的对象:arguments和this;// 1.arguments:是一个类数组对象,包含着传入函数中的所有参数,主要用途是保存函数参数;// arguments这个对象还有一个名叫callee的属性,该属性是一个指针,指向拥有这个arguments对象的函数;function box（num）{if（num<=1）{return 1;}else{return num*arguments.callee（num-1）;// 使用arguments.callee来执行box本身;}}// 2.this:引用的是函数据以操作的对象,或者说函数调用语句所处的作用域;// 当在全局作用域调用函数时,this对象引用的就是window;window.color = "red";alert（this.color）;// 打印全局的color;=>red;var box = {color:"blue",sayColor:function（）{alert（this.color）;// 打印局部的color;=>blue;}};

四函数属性和方法

// JS中的函数是对象,因此函数也有属性和方法;包含length和prototype;// length属性:表示函数希望接收到命名参数的个数;function box（name,age）{alert（name+age）;}alert（box.length）;// 2s// prototype属性:它是保存所有实例方法的真正所在,也就是原型;// prototype包含两个方法:apply（）和call（）,每个函数都包含这两个非继承而来的方法;// 这两个方法的用途都在特定的作用域中调用函数,实际上等于设置函数体内this对象的值;var color = "red";var box = {color = "blue";}function sayColor（{alert（this.color）;}）;sayColor（）; // 作用域在window;sayColor.call（this）;// 作用域在window;sayColor.call（window）; // 作用域在window;sayColor.call（box）; // 作用域在box,对象冒充;=>red;// 使用call（box）方法的时候,sayColor（）方法的运行环境已经变成了box对象里了;// 使用call（）或apply（）来扩充作用域的最大好处,就是对象不需要与方法发生任何耦合关系;// 耦合:相互关联的意思,扩展和维护会发生连锁反应;// 也就是说,box对象和sayColor（）方法之间不会有多余的关联操作,比如:box.sayColor = sayColor;function Animal（）{this.name = "Animal";this.showName = function（）{alert（this.name）;}}function Cat（）{this.name = "Cat";}var animal = new Animal（）;var cat = new Cat（）;//通过call或apply方法，将原本属于Animal对象的showName（）方法交给对象cat来使用。//输入结果为"Cat"animal.showName.call（cat,","）;//animal.showName.apply（cat,[]）;

五小结
1 // 函数实际上是Function类型的实例,因此函数也是对象;而这一点正式JavaScript最有特色的地方;
2 // 由于函数对象,所以函数也拥有方法,可以用来增强其行为;