函数的四种调用模式

总结笔记，参考文档 http://www.cnblogs.com/jiaozhuo/p/5751002.html

 

1  函数模式

     最普通的函数调用

// 声明式函数
function fn1 () {
     console.log(this);
}
// 函数表达式函数
var fn2 = function() {
     console.log(this);
};
// 调用 函数中this表示全局对象，在浏览器中就是指window
fn1();     //window
fn2();     //window

 

2 方法模式

     函数依附于一个对象，是对象的一个属性，我们再调用这个函数。这种模式就是方法调用模式。

 

var obj = {
    name: "zhangSan",
    sayHi: function () {
        console.log(this);
    }
};
obj.sayHi(); //obj对象

 

3 构造器调用模式

即是构造函数的调用，一般是通过new + 函数名( )

这种模式和以上的方法模式没本质的区别

 

function Person() {}
var tom = new Person(); // 这就是构造器函数的调用 

// 构造函数调用的详细过程
// 1 会在内部创建一个对象o
// 2 给对象赋值(this), 然后执行各种操作
// 3 返回这个对象o


// 构造函数的返回值：
 //
 //   有一个默认的返回值，新创建的对象（实例）；
 //   当手动添加返回值后（return语句）：
 //         1. 返回值是基本数据类型-->真正的返回值还是那个新创建的对象（即实例）
 //       2. 返回值是复杂数据类型（对象）-->真正的返回值是这个对象

 

4 上下文模式

本质--对象借用不属于该对象的方法（函数），即我们自定义this的指向

这时候就需要call和apply这两个方法

 

    //Function.prototype.call ()
    //Function.prototype.apply ()
    //——>任何函数都可以调用call和apply方法

    // 第一个参数控制this的指向，第二个参数：
               在使用 上下文调用的 时候, 原函数(方法)可能会带有参数, 那么这个参数在上下文调用中使用 第二个( 第 n 个 )参数来表示

    //伪数组
    var o={ 0:10,1:20,length:2 };

    //让o对象借用数组的push方法来添加元素
    //[].push.call(o,30,50,70)
    [].push.apply(o,[1,2,3])
    console.log(o);//其中对象o中length属性的值也会改变的哦