Javascript中四种函数调用方式

简介: 为了解释方便,先创建一个函数:function showmsg(){ console.log(this);}它的作用是打印this这个对象,也方便我们了解它到底指代什么。

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

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);
相关文章
|
21天前
|
JavaScript
变量和函数提升(js的问题)
变量和函数提升(js的问题)
|
21天前
|
JavaScript
常见函数的4种类型(js的问题)
常见函数的4种类型(js的问题)
11 0
|
21天前
|
JavaScript
写一个函数将N组<>(包含开始和结束),进行组合,并输出组合结果 (js)
写一个函数将N组<>(包含开始和结束),进行组合,并输出组合结果 (js)
9 0
|
1月前
|
自然语言处理 JavaScript 网络架构
js开发:请解释什么是ES6的箭头函数,以及它与传统函数的区别。
ES6的箭头函数以`=>`定义,简化了函数写法,具有简洁语法和词法作用域的`this`。它无`arguments`对象,不能用作构造函数,不支持`Generator`,且不改变`this`、`super`、`new.target`绑定。适用于简短表达式,常用于异步编程和高阶函数。
18 5
|
1月前
|
JavaScript 前端开发 网络架构
JavaScript 谈谈对箭头函数的理解及其与普通函数的区别。
JavaScript 谈谈对箭头函数的理解及其与普通函数的区别。
17 1
|
1月前
|
前端开发 JavaScript 数据处理
在JavaScript中,什么是异步函数执行的例子
在JavaScript中,什么是异步函数执行的例子
10 0
|
1月前
|
JavaScript
JS封装节流函数
JS封装节流函数
15 0
|
1月前
|
JavaScript 前端开发
javascript箭头函数
javascript箭头函数
|
1月前
|
JavaScript 小程序
微信小程序 wxml 中使用 js函数
微信小程序 wxml 中使用 js函数
71 0
|
1月前
|
JavaScript 前端开发
JavaScript函数科里化
JavaScript函数科里化