理解Function.prototype.apply.call(fn,thisArg,args)

最新推荐文章于 2021-12-28 14:07:23 发布

原创最新推荐文章于 2021-12-28 14:07:23 发布 · 1.3k 阅读

6 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

14 篇文章

订阅专栏

本文通过比较Function.prototype.apply.call与Reflect.apply的不同使用方式，展示了Reflect对象如何使复杂的函数调用变得更加简洁和易读。通过具体的代码示例，解释了各种函数调用方法之间的等价转换，以及Reflect对象在实际编程中的潜在应用。

看阮一峰老师的Reflect
有这么一行代码：

有了Reflect对象以后，很多操作会更易读。

// 老写法
Function.prototype.apply.call(Math.floor, undefined, [1.75]) // 1
// 新写法
Reflect.apply(Math.floor, undefined, [1.75]) // 1

Function.prototype.apply.call看起来有点迷糊…
仔细进行分解，首先，

fn.call(thisArg, arg1, arg2, ...)
fn.apply(thisArg, [arg1, arg2, ...])

这两种基本形式都等价于

thisArg.fn(arg1, arg2, ...)

那么

Function.prototype.apply.call(Math.floor, undefined, [1.75]) // 1
// <=>
Math.floor.apply(undefined, [1.75])
// <=>
let f = Math.floor.bind(undefined);
f(1.75)

同理

Function.prototype.apply.apply(Math.floor, [undefined, [1.75]])
Function.prototype.call.call(Math.floor, undefined, 1.75)
Function.prototype.call.apply(Math.floor, [undefined, 1.75])