推荐关注
› Meteor
› JSLint - a JavaScript code quality tool
› jsFiddle
› D3.js
› WebStorm
推荐书目
› JavaScript 权威指南第 5 版
› Closure: The Definitive Guide
› Closure: The Definitive Guide
JavaScript 中使用 Call 或 Apply 扩展的好处是什么？
eniac0001 · 2016-01-23 10:39:36 +08:00 · 3682 次点击这是一个创建于 3260 天前的主题，其中的信息可能已经有所发展或是发生改变。
例如对 String 添加 reverse 方法，一般是这样写：
String.prototype.reverse = function() {
return Array.prototype.reverse.apply(this.split("")).join();
}
可不可以这样写：
String.prototype.reverse = function() {
return this.split("").reverse().join();
}
上面的写法比下面的写法有什么好处呢？
 |
1
runcelim 2016-01-23 10:56:57 +08:00
String 通过 apply 或 call 借用 Array 的 reverse 实现方法
|
 |
2
sagnitude 2016-01-23 11:47:01 +08:00  2
为了写起来方便，自由度更大。比如 func.apply(null, arguments)，改变 this ，使用 arguments ，还有 Array.prototype.slice.call(arguments)，强行调用其他对象的方法，
另外的区别就是 apply 比 call 慢， call 比直接调用慢， bind 方法比这些都慢 另外， string 的 reverse 方法，用 for 循环比这两个都快 另外， join 方法不带参数默认使用逗号作为分隔符 |
 |
3
Keita1314 2016-01-23 12:27:56 +08:00
1 是指定 this
2 是有些情况，比如类数组对象，根本就没有 reverse 这个方法可以调用，只能通过借用 Array 的方法来实现 |
 |
4
oott123 2016-01-23 13:21:33 +08:00
感觉在 LZ 给的例子里，完全没必要用 Array.prototype.reverse.call
倒是像这样的场景可能需要： str = "Hello world!" Array.prototype.slice.call(str, 1, 3).join('') > "el" |
 |
5
shyling 2016-01-23 13:31:33 +08:00 via iPad
1 。想改变 this 时
2 。例如想遍历 NodeList 时用 Array.prototype.forEach.call 3 。用 arguments 时配合 apply |
 |
6
breeswish 2016-01-23 14:16:03 +08:00
楼主给的例子里上面写法没什么用..
|
 |
7
BOYPT 2016-01-23 14:24:50 +08:00
最主要就是改变调用栈。不过如果用了框架比如 jquery.proxy, _.bind 之类的封装就可以不需要用 apply call 了，一般来说。原生党比较最爱。
|
 |
8
iyangyuan 2016-01-23 14:49:40 +08:00 via iPhone
复用
|
 |
14
ChefIsAwesome 2016-01-23 16:58:53 +08:00
apply 能用数组的形式给函数传参，这个特性很有用的。
有些人设计的函数是这样的 `function (arg1, arg2, arg3, ...) { }` 参数数量不限，但是必须一个一个写。如果你的参数是从其他地方以数组的形式过来的，那用 apply 就很方便了。 |
 |
15
chemzqm 2016-01-23 17:00:50 +08:00
改变内部 this ，做工具库经常用的 ，有一个特别常用的，将 NodeList 转化为数组
Array.prototype.silce.call(document.querySelector('.item')) 用 new Array 创建性能更好，就是代码多点 |
 |
16
alsotang 2016-01-23 20:31:50 +08:00
所以楼上各位大大，楼主列举的那两种写法，到底上面那种好在哪里呢？
|
|
20
oott123 2016-01-24 10:33:06 +08:00
|
Select Language