js学习-function

js function注意点
没有重载，申明两个同名的函数，后者会覆盖前面的

函数声明与函数表达式，解析器在向执行环境加载数据时，对函数声明和函数表达式并非一视同仁，解析器会率先读取函数声明，在执行代码前可用，函数表达式必须等到执行到它的代码行，才回真正被解释执行


正确执行
alert(sum(10,10));  //20
function sum(num1,num2)
{
  return num1+num2;
}




执行报错
alert(sum(10,10));
var sum=function(num1,num2)
{
   return num1+num2;
}


function函数可做为值传递

函数内部属性 arguments 和this

arguments 主要用途是保存函数参数，arguments有callee的属性，该属性是一个指针，指向拥有这个arguments对象的函数

function factorial(num){
  if(num<=1)
  {
  return 1;
  }else {
   return num*factorial(num-1);
  }
}
可以使用arguments.callee

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



函数属性和方法
每个函数都有啷个属性 length 和prototype,length属性是表示函数希望接受的命名参数的个数。
每个函数都包含两个非继承而来的方法，apply() 和call()


apply() 接受两个参数 运行函数的作用域 和参数数组

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

function callSum1(num1,num2)
{
  return sum.apply(this,arguments)   //传入argumets对象
}

function callSum2(num1,num2){
   return sum.apply(this,[num1,num2]);
}

alert(callSum1(10,10));  //20
alert(callSum2(10,10));  //20


call()方法和apply()方法作用相同call()第一个参数一样，其他参数要逐个列出来

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

call()方法和apply()方法真正用的用武之地，他们是可以扩充函数赖以运行的作用域
window.color = "red"
var o={color:"blue"};
functin sayColor()
{
  alert(this.color);
}

sayColor();    //red

syaColor(this);  //red
syaColor(window);  //red
syaColor(o)       //blue


ECMAscript 5还定义了一个方法：bind();这个方法会创建一个函数的实例，其this值会绑定传个bind()函数的值

window.color ="red";

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