CNode

JS中slice.call(a,xxx)和a.slice(xxx)有什么区别?

Sshinka发布于13 年前最后回复10 年前9 回复15900 浏览0 收藏

很不解为啥很多地方都写成slice.call(arr)而不是arr.slice呢? 难道call这种调用是普通调用的更靠近底层的调用方式? 还是有效率上的提升或者其他什么的?

查看回复

回复 (9)

S
seasonx4#1·13 年前
引用 seasonx4当a没有slice的方法时,就显式地call,相当于套用一个函数; 效率上前者要慢4倍以上

@shinka 当然会慢的啊~~~~~

{0:1,1:1,2:1} 这是个对象,没有slice方法要用前者

[1,1,1] 这个就直接用后者了

S
seasonx4#2·13 年前

当a没有slice的方法时,就显式地call,相当于套用一个函数;

效率上前者要慢4倍以上

S
shinka#3·13 年前
引用 seasonx4当a没有slice的方法时,就显式地call,相当于套用一个函数; 效率上前者要慢4倍以上

就是说slice.call(a)的时候,如果a没有该方法不会报错而a.slice会报错? 我看一些框架什么的源码很多都用XXX.call的形式,我以为效率会高呢,反而慢啊?

J
jimokanghanchao#5·13 年前

做个测试比较下好了,比如下面这个站点 http://jsperf.com/test-call-vs-apply/3

S
shinka#6·13 年前
引用 jimokanghanchao做个测试比较下好了,比如下面这个站点 http://jsperf.com/test call vs apply/3

谢啦 早上自己也稍微做过测试了 小数据量是直接调用性能较好 下午突然被告知要学ruby了..

Y
yuyu2005#7·13 年前
		var o={
			'xx':'xx',
			'yy':'yy'
		}
		var ao=[]
		ao.push.call(o,'one','two','three','four');
		//var o2=o.slice(1,3) Error!
		var o2=ao.slice.call(o,1,3)
		console.log(o2)//['two','three']
S
shinka#8·13 年前
引用 yuyu2005var o={ 'xx':'xx', 'yy':'yy' } var ao=[] ao.push.call(o,'one','two','three','four'); //var o2=o....

这段代码是不是相当于给o对象加了一个数组属性,然后如果调用数组的方法来操作o的话,只会影响到里面的那个数组属性而不会影响到键值对?

L
luxp#9·10 年前
function t1 (obj) {
  obj.a = '123123'
}
function t2 () {
  this.a = '123123'
}
console.time('1')
for (let i = 0; i < 100000000; ++i) {
  t1({})
}
console.timeEnd('1')
console.time('2')
for (let i = 0; i < 100000000; ++i) {
  t2.call({})
}
console.timeEnd('2')

简单对比了一下 call 和直接赋值的性能,从运行结果上可以看出 t1 的性能会比 t2 的性能高出差不多1倍,但整体上差距不大,感觉这个还是要结合实际的项目,更多的是考虑项目的结构上的问题吧,采用更加清晰的写法

参与回复
登录后即可参与回复。登录