js函数进阶

函数定义

1. 函数声明

function add(i,j){
    return i+j
}

2. 函数表达式

var add = function(i,j){
    return i+j;
}

3. 函数实例化

var add = new Function('i','j','retunr (i+j)'); 

不同函数定义方式的区别：

• 声明提前：代码执行前先对变量定义、函数声明进行预解析，然后开始逐条执行js语句，也就是函数声明和变量定义对强制提前到代码最前面执行
• 用函数声明方式重复定义函数只有最后一个声明是有效的
• 实例化定义的函数只能访问本地作用域和全局作用域

函数调用

1. 普通调用模式
   • add(1)
2. 方法调用模式
   • 调用对象的方法

var myNumber={
    value:1,
    add:function(){
        this.value +=1;
    }
}

myNumber.add();

3. 构造函数调用模式

4. apply(call)调用模式

• apply是Function构造函数上的一个方法
• 实现函数借用功能

function Point(x,y){
    this.x = x;
    this.y = y;
}
 Point.prototype.move = function(x,y){
    this.x +=x;
    this.y += y;
 }

 var p = new Point(0,0);
 p.move(2,2);
 var circle = {x:1,y:1,r:1};
 p.move.apply(circle,[2,1]);
 //p.move方法里的this指向circle对象，数组[2,1]里的2个元素作为参数传入方法

函数调用时this的指向

• 普通调用
  • 指向全局对象
• 方法调用
  • 指向调用函数的对象
• 构造函数调用
  • 指向生成的对象
• apply(call)调用
  • 指向它的第一个参数

arguments

函数调用时，会给本地作用域添加另一个对象:arguments，用于获取函数实参

• Array-like(函数实参列表，是个类数组对象)
  • arguments[index] 获取某个实参
  • anguments.length 获取实参个数

函数传参

• 原始类型按值传递
• 对象类型按共享传递
  • 实参得到的是外部对象的一个副本

闭包

如果一个函数访问了它的外部变量，那么它就是一个闭包。

注意，外部函数不是必需的。通过访问外部变量，一个闭包可以维持（keep alive）这些变量。在内部函数和外部函数的例子中，外部函数可以创建局部变量，并且最终退出；但是，如果任何一个或多个内部函数在它退出后却没有退出，那么内部函数就维持了外部函数的局部数据。

function foo(x) {
var tmp = 3;
return function (y) {
    alert(x + y + tmp);
    x.memb = x.memb ? x.memb + 1 : 1;
    alert(x.memb);
    }
}
var age = new Number(2);
var bar = foo(age); // bar 现在是一个引用了age的闭包
bar(10);

• 闭包的功能
  • 保存函数运行状态
  • 函数封装(定义一些私有的对象)
  • 性能优化

First-class function

• 函数作为参数
  • 异步回调函数
• 函数作为返回值
  • Function.pretotype.bind

function Point(x,y){
    this.x = x;
    this.y = y;
}
 Point.prototype.move = function(x,y){
    this.x +=x;
    this.y += y;
 }

 var p = new Point(0,0);
 p.move(2,2);
 var circle = {x:1,y:1,r:1};
 var circlemove=p.move.bind(circle,[2,1]);
 circlemove();