求详解该代码asyncify，代码来自《你不知道的Javascript》

rubinTime

李恒道

坐等大佬

cxxjackie

难点应该在orig_fn.bind.apply这句，其实这些乱七八糟的语法是ES6之前的东西，ES6带来的新特性可以帮助解决很多问题。

1. [this].concat([].slice.call(arguments))

复制代码

应用ES6解构赋值的特性可以写成

1. [this, ...arguments]

复制代码

，所以那句代码等效于

1. fn = orig_fn.bind.apply(orig_fn, [this, ...arguments]);

复制代码

等效于

1. fn = orig_fn.bind(this, ...arguments);

复制代码

，这里就可以看出，apply的作用是将arguments数组转换为多个单独的参数，即所谓的柯里化。其他代码不难理解，其实我觉得他这种将fn置为null然后用orig_fn来调用的做法有点故弄玄虚（说难听点，叫脱裤子放屁），当然也可能是我理解有问题，我觉得asyncify完全可以写成这样：

1. function asyncify(fn) {
   
2.     return function() {setTimeout(fn, 0)};
   
3. }

复制代码

陈公子的话

cxxjackie 发表于 2021-12-8 12:13
难点应该在orig_fn.bind.apply这句，其实这些乱七八糟的语法是ES6之前的东西，ES6带来的新特性可以帮助解决 ...

太强了

国家电网0

cxxjackie 发表于 2021-12-8 12:13
难点应该在orig_fn.bind.apply这句，其实这些乱七八糟的语法是ES6之前的东西，ES6带来的新特性可以帮助解决 ...

ggnb!!!      

rubinTime

ggnb!!!!!!

Ne-21

cxxjackie 发表于 2021-12-8 12:13
难点应该在orig_fn.bind.apply这句，其实这些乱七八糟的语法是ES6之前的东西，ES6带来的新特性可以帮助解决 ...

学习了学习了ggnb

cxxjackie

cxxjackie 发表于 2021-12-8 12:13
难点应该在orig_fn.bind.apply这句，其实这些乱七八糟的语法是ES6之前的东西，ES6带来的新特性可以帮助解决 ...

我又想了一下，他这种写法是为了传参，上面的例子中result函数不需要参数，但实际使用中可能会有需要传参的情况，像这样：

1. asyncify(result)(1, 2, 3);

复制代码

用bind可以确保将参数传递给result，asyncify可以改写成这样：

1. function asyncify(fn) {
   
2.     return function() {
   
3.         var _fn = fn.bind(this, ...arguments);
   
4.         setTimeout(_fn, 0);
   
5.     };
   
6. }

复制代码