html5 - 用JavaScript封装bind函数
黄舟
黄舟 2017-04-11 12:22:55
[JavaScript讨论组]
function bind(fn, obj) {
    return function() {
        return fn.apply(obj, arguments);
    }
}

我的问题是:

1.能不能写成像下面这样

function bind(fn, obj) {
    return fn.apply(obj, arguments);
}

2.如果不能,是为什么,这样写的话与第一段代码有什么区别,会造成什么问题

3.能不能写个栗子举例一下

谢谢咯

黄舟
黄舟

人生最曼妙的风景,竟是内心的淡定与从容!

全部回复(4)
PHP中文网
  1. 不能

  2. 因为你这个样子,就等于直接执行了fn,而不是生成一个可执行的函数。

  3. 栗子:

错误栗子:

function bind(fn, obj) {
   return fn.apply(obj, arguments);
}
function func(){
   console.log(this.a);
}
// 期望结果是 bind(func, { a:1 })() 输出1
bind(func, { a:1 }); // 直接输出1

新鲜可食的栗子:

Function.prototype.bind = Function.prototype.bind || function bind(context, ...args){
   let fn = this;
   return function(...newArgs){
      fn.apply(context, [].concat(args, newArgs));
   }
}
PHP中文网

不是。。。bind返回的是绑定了this的函数啊。。你上面那个还是返回函数,下面的返回函数执行结果了

怪我咯

如楼上所说,bind放回的是一个绑定上下文的函数,而不是函数运行的返回值。

黄舟

1.肯定不能啊,前者返回的是一个function,后者返回的是fn执行后的返回的结果。
2.我们知道bind是用来绑定this指向后生成一个新的函数来调用的,即

var a = 4;
function fn(){
    console.log(this.a+1);
}
var obj = {a:1};
fn();//5
var newFn = fn.bind(obj);
newFn();//2 

如果用你说的那两种bind封装:
前者

var newFn = bind(fn,obj);
newFn();//2 可以得到答案

后者

bind(fn,obj);//2 一bind就执行了函数得到结果了。

对比一下,题主觉得哪个更符合Function.prototype.bind呢

附带bind的实现参考(在页面底下)
https://developer.mozilla.org...

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号