Javascript中四种函数调用方式

为了解释方便，先创建一个函数：

function showmsg(){ console.log(this);}

它的作用是打印this这个对象，也方便我们了解它到底指代什么。

一、直接调用

showmsg();

结果：

Window {top: Window, window: Window, location: Location, external: Object, chrome: Object…}

可知，直接调用时，其中的this就是顶层对象window。

二、作为构造函数调用

var obj = new showmsg();

showmsg {}

调用之后，创建了一个类型和函数同名的对象。this指代这个对象。

三、作为方法调用

var obj = {showmsg: showmsg};obj.showmsg();

Object {showmsg: function}

其中this就是那个被绑定的对象。

四、function.call

showmsg.call({});

Object {}

call的第一个参数是什么，里面的this就是什么。如果需要传参数的话，附在后面即可。而且这种可以只调用不绑定。

此外，直接调用相当于：

showmsg.call(null);

如果第一个参数是null，那么里面的this则是顶层对象window。

作为构造函数调用相当于：

var obj = {};obj.__proto__ = showmsg;showmsg.call(obj);