为了解释方便,先创建一个函数:
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);