js实现bind简单易懂

最新推荐文章于 2024-09-07 20:46:12 发布

原创最新推荐文章于 2024-09-07 20:46:12 发布 · 221 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#js #javascript #bind #前端 #es6/es7

本文通过深入探讨JavaScript中varname和varo的使用，以及fn函数与绑定方法(_bind)的交互，展示了如何理解和应用函数原型的绑定技巧。通过实际代码演示，讲解了不同绑定对象和上下文对输出的影响。

var name = "她";
var o = {
  name: "你",
};
function fn(a, b) {
  console.log(a + b + this.name);
}
Function.prototype._bind = function(obj, ...args) {
  // 返回一个新函数
  return (...arr) => {
    return this.call(obj, ...args, ...arr); // this即fn
  };
};
fn._bind(o, '我','爱')() // 12你
fn._bind(null, '我')('爱') // 12她