实现一个功能和 `Function.prototype.bind` 相同的函数

本贴最后更新于 1428 天前,其中的信息可能已经渤澥桑田

2019-01-08

题目

/**
  请按要求实现 `bind` 函数:以下代码执行时,需返回正确结果且运行过程中无异常
*/
let example = function () {
  console.log(this)
}
const boundExample = bind(example, { a: true })
boundExample.call({ b: true }) // { a: true }

回答

  • bind 需接受两个参数:函数和上下文
  • bind 需创建一个新函数,并且在调用时设置上下文为 this
const bind = (fn, context) => () => fn.apply(context)

加分回答

  • example 函数需要传参的话,可如下进行实现:
const bind = (fn, context) => (...args) => fn.apply(context, args)
  • Function.prototype.bind() 会创建一个新的函数,在调用时设置 this。会返回一个原函数的拷贝,并拥有指定的 this 和初始参数。
  • Function.prototype.bind() 可解决 setTimeoutthis 为 window 的问题。还可使一个函数拥有预设初始参数的能力,如:
// setTimeout
class LateBloomer {
    constructor() {
        this.petalCount = Math.ceil(Math.random() * 12) + 1;
    }
    declare() {
        console.log('I am a beautiful flower with ' + this.petalCount + ' petals!');
    }
    bloom() {
        window.setTimeout(this.declare.bind(this), 1000);
    }
}
var flower = new LateBloomer();
flower.bloom();
// 预设初始参数
const list = function () {
    return Array.prototype.slice.call(arguments);
}
// 创建一个函数,它拥有预设参数列表。
const leadingThirtysevenList = list.bind(null, 37);
console.log(leadingThirtysevenList()); // [37]
console.log(leadingThirtysevenList(1, 2, 3)); // [37, 1, 2, 3]
  • Function.prototype.apply() 会调用一个具有给定 this 的函数,如果这个函数处于非严格模式且给定为 null 或 undefined 时,this 将指向全局对象,除此还提供一个数组作为该函数的参数。他会返回调用给定 this 值和参数的函数结果。
  • Function.prototype.call()apply() 类似。唯一区别就是 call() 方法接受的是参数列表,而 apply() 方法接受的是一个参数数组。

返回总目录

每天 30 秒

  • 30Seconds

    📙 前端知识精选集,包含 HTML、CSS、JavaScript、React、Node、安全等方面,每天仅需 30 秒。

    • 精选常见面试题,帮助您准备下一次面试
    • 精选常见交互,帮助您拥有简洁酷炫的站点
    • 精选有用的 React 片段,帮助你获取最佳实践
    • 精选常见代码集,帮助您提高打码效率
    • 整理前端界的最新资讯,邀您一同探索新世界
    488 引用 • 383 回帖
  • JavaScript

    JavaScript 一种动态类型、弱类型、基于原型的直译式脚本语言,内置支持类型。它的解释器被称为 JavaScript 引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在 HTML 网页上使用,用来给 HTML 网页增加动态功能。

    699 引用 • 1147 回帖 • 423 关注
  • 面试

    面试造航母,上班拧螺丝。多面试,少加班。

    317 引用 • 1392 回帖

相关帖子

欢迎来到这里!

我们正在构建一个小众社区,大家在这里相互信任,以平等 • 自由 • 奔放的价值观进行分享交流。最终,希望大家能够找到与自己志同道合的伙伴,共同成长。

注册 关于
请输入回帖内容 ...
Vanessa
我们终此一生,就是要摆脱他人的期待,找到真正的自己。 昆明