上次写了一篇《Array.prototype.slice.call自解》,主要是讲我在学习Currying in Javascript时所遇到的一个小问题,即为什么很多人把[].slice()写成了Array.prototype.slice.call(ArrObj),有朋友说此文质量太差,所以偶重写一次,看看能不能说清楚问题。
Array.prototype.slice.call 其实是对slice方法进行的静态调用。这里说的静态调用,主要区别于OOP方式。OOP方式需要先建立对象,如下:
[].slice(begin,end);
在JS中,[]就是一个数组对象,在执行时,先会建立对象,再执行自身对象下的slice方法,对这个数组进行切割。
而静态调用与OOP方式调用主要目的是静态方式的机器执行效率较高,因为不需要先经过建立对象,而不需要为对象增加内在开销,所以这种写法在较底层的JS程序(如JS框架,兼容性基础库)里面使用得比较多。
Array.prototype.slice就是这样的一个函数,如果要知道为什么不直接写slice而写那么长的三个单词,这不是三言两语说和清楚的,请看JavaScript中的prototype(原型)属性研究 ,如果简单点说,可以用伪代码表示:
Array.prototype.slice=function(begin,end){ var arr=this;//this就是被切割的函数 var newArr=我只要arr数组的begin到end中间的部分;//这才是真正的中文编程 return newArr;//返回被切割后的新数组,强大吧! }
然后,通过调用函数的call方法:call(thisObj,begin,end),把里面的this强制转换成将要被切割的数组,即术语中的改变函数的scope,从而完成切割。
使用情况:
这个语句通常用于把arguments转换为数组。
function fn() { a = Array.prototype.slice.call(arguments,0); alert(a); }(1,2,3,4,5,6,7,'never-online.net/blog')
该代码片段摘自CSDN WEB开发社区的某帖的2楼。
函数的argements在JS1.5中只是一个类似数组的对象,有length属性,但并不是真正的数组,具体请看:Array-like Objects in JavaScript。(据说在ECMA script2中将会是个真正的数组了)
注意:这个语句可不能随便用哦,有的同学把String作为对象转进去,把abcde变为[a,b,c,d,e],这可不是万试万灵的哦,不同的浏览器对slice的解释是有所区别的哦。例如Prototype.js中的$A函数也可以把arguments转为单纯数组,但为了适应更多的情况,它直接使用循环来实现了。
相关文章:
- Currying JavaScript Functions
- JavaScript Currying Redux
- JavaScript currying
- functional.js 介绍及源码分析
- Array.prototype.slice.apply 使用技巧
- Array-like Objects in JavaScript
- JavaScript中的prototype(原型)属性研究
- http://topic.csdn.net/u/20080725/09/162cb47f-be44-44bf-adcf-2a0ea7538454.html
UPDATE:我写的研究和学习总结性的技术文章,除非是比较重要和大型的项目,否则不会给出直接的代码和可下载的例子,更加不会像幼儿园教小朋友那样手把手的第一步第二步,也不想那样做,以后也不打算那样做,因为我发现越来越多人根本就不想自己动手,习惯性的拿来主义不利于业界的长久发展。
Popularity: 10% [?]
文章字体大小:

tags: