牛客前端篇———FED37、函数的上下文

题目描述

将函数 fn 的执行上下文改为 obj 对象

示例1

输入

function () {return this.greeting + ', ' + this.name + '!!!';}, {greeting: 'Hello', name: 'Rebecca'}

输出

Hello, Rebecca!!!

思路

在JavaScript中，函数是一种对象，其上下文是可以变化的，对应的，函数内的this也是可以变化的，函数可以作为一个对象的方法，也可以同时作为另一个对象的方法，可以通过Function对象中的call或者apply方法来修改函数的上下文，函数中的this指针将被替换为call或者apply的第一个参数。将函数 fn 的执行上下文改为 obj 对象，只需要将obj作为call或者apply的第一个参数传入即可。

代码1

//apply
function speak(fn, obj) {
    return fn.apply(obj);
}

运行环境：JavaScript (V8 6.0.0)

运行时间：962ms

占用内存：77900KB

代码2

//call
function speak(fn, obj) {
    return fn.call(obj);
}

运行环境：JavaScript (V8 6.0.0)

运行时间：966ms

占用内存：77772KB

代码3

//bind
function speak(fn, obj) {
    return fn.bind(obj)();
}

运行环境：JavaScript (V8 6.0.0)

运行时间：970ms

占用内存：77900KB