javascript学习笔记：function类型

1.函数的声明

普通的函数声明

function box(num1,num2){
  return num1+num2;
}
alert(box(10,10));

PS:alert(box);如果遇到无参函数，在打印的时候，没有把圆括号去掉，会把整个函数都打印出来。 不管 函数的返回值 还是 函数 作为另一个函数的参数的时候，要去掉圆括号。

函数的返回值作为参数有点小疑问，下面我有标出来。求大神告知。

使用变量初始化函数

var box = function(sum1,sum2){
  return sum1+sum2;
}
alert(box(10,10));

使用Function构造函数

var box = new Function('sum1','sum2','return sum1+sum2');
alert(box(10,10));

PS:第三种方式我们不推荐，因为这种语法会导致解析两次代码(第一次解析常规ECMAscript代码，第二次是解析传入构造函数中的字符串)，从而影响性能，但我们可以通过这种语法来理解 “函数是对象，函数名是指针”的概念。

2.作为值的函数

函数 作为 参数

function box(num1,num2){
  return num1+num2;
}

function box2(box,num1,num2){
  return box(num1,num2);
}

alert(box2(box,10,10));

函数的返回值 作为 参数

有两种情况，做为参数的这个函数在有无参数的情况有点不同，还没搞懂？？？？？？求大神告知。

function box(num){
  return num;
}

function box2(box,num1,num2){
  return box+num1+num2;          //当box()这个函数是有参时，这里的box必须去掉圆括号，才能打印（有参无括号）
}
alert(box2(box(10),10,10));     //这里的box就要给个值


----------


function box(){
  return 10;
}

function box2(box,num1,num2){
  return box()+num1+num2;      //当box()这个函数是无参时，这里的box必须有圆括号。才能打印（无参有括号）
}
alert(box2(box,10,10));

3.函数的内部属性

在函数内部，有两个特殊的对象：arguments 和 this

arguments是一个类数组对象，包含着传入函数中的所有参数，主要用途是保存函数参数。
但这个对象有一个名叫callee的属性，该属性是一个指针，指向拥有这个arguments对象的函数

function Sum(){
  var sum = 0;
  for(var i = 0;i<arguments.length;i++)
  sum += arguments[i];
  return sum;
}
alert(sum(sum1,sum2,sum3,.....,sumn)); 

//这样不管放多少个实参都可以，即使该函数是无参函数
//arguments放在函数里，可以把该函数的参数存到数组里。

alert(Sum(10,10,10,10,10));
function jc(num){
  if(num <= 1){
    return 1;
  }
  return num*jc(num-1);
}
alert(jc(5));

对于阶乘函数一般要用到递归算法，所有函数内部一定会调用自身： 如果函数名不改变是没有问题的，但一旦改变函数名，内部的自身 调用需要逐一修改。
为了解决这个问题，我们可以使用arguments.callee来代替。

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

函数内部另一个特殊对象是this，其行为与java和c#中的this 大致相似。换句话说，this引用的是函数数据以执行操作的对象，或者说函数调用语句所处的那个作用域。

PS：当在全局作用域中调用函数时，this对象引用的就是window。

window是一个对象，而且是JS里面最大的对象，是最外围的对象

window.color = '红色的';       //全局作用域
//var color ='红色的';         //同上
alert(this.color);             //打印全局的color

var box = {
  color : '蓝色的',              //局部的color
  sayColor : function(){
    alert(this.color);          //此时的this只能box里的color
  }
}

box.sayColor();                 //打印局部的color
alert(this.color);              //打印全局的color

4.函数属性和方法

ECMAScript中的函数是对象，因此函数也有属性和方法。
每个函数都包含两个属性 length 和 prototype。

其中length属性表示函数希望接受的命名参数的个数
对于protoytpe属性，它是保存所有实例方法的真正所在，也就是原型
这个属性，等我看面向对象这一章在详细介绍。

而prototype下有两个方法：apply() 和 call()，每个函数都包含这两个非继承而来的方法。这两个方法的用途都在特定的作用域中调用函数，实际上等于设置函数体内this对象的值，说白了，就是apply和call可以冒充另外一个函数

function box(num1,num2){
  return num1+num2;                      //原函数
}
function sayBox(num1,num2){
  return box.apply(this,[num1,num2]);    //this表示作用域，这里是window
}                                        //[]表是box所需要的参数
function sayBox(num1,num2){
  return box.apply(this,arguments);      //this表示作用域，这里是window
}                                        //arguments表是box所需要的参数
alert(sayBox(10,10));

function box(num1,num2){
  return num1+num2;
}
function sayBox(num1,num2){
  return box.call(this,num1,num2);
}
alert(sayBox(10,10));

PS：apply 和 call 的区别就在于

apply(this,[sum1,sum2])或apply(this,arguments)>
第一个参数是函数，第二个是数组

call(this,sum1,sum2)

第一个参数是函数,后面只能写一个一个参数

window.color = '红色的';

var box = {
  color : '蓝色的'
}

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

sayColor();               //作用域在window

sayColor.call(window);    //作用域在window
sayColor.call(this);      //作用域在window
sayColor.call(box);       //作用域在box，对象冒充

使用call(),apply()来扩充作用域的最大好处，就是对象不需要与方法发生任何耦合联系(耦合，就是互相关联的意思，扩展和维护会发生连锁反应，很麻烦)，比如box.sayColor = sayColor