前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Javascript中四种函数调用方式

Javascript中四种函数调用方式

作者头像
ApacheCN_飞龙
发布2019-02-15 10:38:51
7890
发布2019-02-15 10:38:51
举报
文章被收录于专栏:信数据得永生

为了解释方便,先创建一个函数:

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);

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2014年10月05日,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档