Array.prototype 的泛型应用分析

 更新时间:2010年04月30日 15:11:57   作者:   我要评论
Array.prototype 的泛型应用分析,需要的朋友可以参考下。
题目
请说明下面语句的输出:
复制代码 代码如下:

x = {shift:[].shift};
x.shift();
console.info(x.length);

如果你回答正确,那么说明你已经了解 Array 函数的泛型应用。在理解这到题目之前,我 我们首先要了解数组(Array)的 shift 定义。

MDC 中已经对相关的说明描述得非常的清楚
复制代码 代码如下:

shift is intentionally generic; this method can be called or
applied to objects resembling arrays. Objects which do not
contain a length property reflecting the last in a series of
consecutive, zero-based numerical properties may not behave
in any meaningful manner.

同时,EMCAScript 中的定义也同时定义了对于 shift 操作对于对象 length 属性的改变, 那么基本上我们可以了解到上题中的答案为
复制代码 代码如下:
0

扩散思维
如果对于上面的题目还无法理解,那么我们更清楚的说明 Array.prototype.shift 对对象 的 length 的影响。
复制代码 代码如下:

x = {};
Array.prototype.shift.call(x);
console.info(x.length);

很明显,对于对象如果为定义 length 属性,则 shift 则会自动加上 length 属性并设置 为 0 。

既然已经说到这里,那么下面的题目输出什么留给大家去思考。
复制代码 代码如下:

x = function (a, b, c) {};
Array.prototype.shift.call(x);
console.info(x.length);

重新认识泛型
很明显,上面的题目有可能还是无法说明本篇文章的题目。泛型(Generic)应用其实 期前也说明过,但这里主要说明 Array 方法对于“类数组”的操作使用。

强制转换为数组
复制代码 代码如下:

var args = Array.prototype.slice.call(arguments);

这个用法比较火星,其实期前也用过,详细参见这里。

迭代数据
复制代码 代码如下:

Array.prototype.forEach.call(arguments, function(i) {
console.info(i);
});

如果对象能够被递归,则出了“传统”的 for、while 等语句以外,还可以考虑使用 Array 的 forEach 属性(注意 IE 会是悲剧)。Array 的 forEach 方法详见这里。

其他的 Array 扩展用法可以散发自己的思维,如果对应浏览器的 Array 没有对应的实现方 法,可以参见这里。

其实,不仅仅是 Array 方法,很多浏览器原生对象的方法都是泛型,我们完全可以利用这 这些特性使代码更为的清晰
使用原生方法,效率更高。

相关文章

  • JavaScript实现图片上传并预览并提交ajax

    JavaScript实现图片上传并预览并提交ajax

    这篇文章主要为大家详细介绍了JavaScript实现图片上传并预览并提交ajax,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-09-09
  • JS简单实现获取元素的封装操作示例

    JS简单实现获取元素的封装操作示例

    这篇文章主要介绍了JS简单实现获取元素的封装操作,结合实例形式分析了JS针对页面ID、class、TAG元素获取的函数与对象封装操作实现方法,需要的朋友可以参考下
    2017-04-04
  • window.name代替cookie的实现代码

    window.name代替cookie的实现代码

    window.name代替cookie的实现代码,需要的朋友可以参考下。
    2010-11-11
  • react native带索引的城市列表组件的实例代码

    react native带索引的城市列表组件的实例代码

    本篇文章主要介绍了react-native城市列表组件的实例代码,小编觉得挺不错的,现在分享给大家,也给大家做个参考。一起跟随小编过来看看吧
    2017-08-08
  • javascript tabIndex属性

    javascript tabIndex属性

    围绕表单的可访问性与交互性上,各浏览器都下了很大工夫,比如fieldset与legend等用于增强区域感的元素,for,accessKey,defaultValue,maxlength,tabIndex等用于交互或提示的属性。不过,今天只讲tabIndex。
    2009-12-12
  • javascript实现平滑无缝滚动

    javascript实现平滑无缝滚动

    这篇文章主要为大家详细介绍了javascript实现平滑无缝滚动的具体代码,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2016-05-05
  • JavaScript创建命名空间(namespace)的最简实现

    JavaScript创建命名空间(namespace)的最简实现

    JavaScript创建命名空间(namespace)通过自定义函数进行类型判断、数组遍历、函数执行等相关操作来实现命名空间的功能,需要的朋友可以参考一下
    2007-12-12
  • 微信小程序日期选择器实例代码

    微信小程序日期选择器实例代码

    本文通过一段实例代码给大家介绍了微信小程序日期选择器的实现思路,非常不错,具有一定的参考借鉴价值,需要的朋友参考下吧
    2018-07-07
  • Javascript hasOwnProperty 方法 & in 关键字

    Javascript hasOwnProperty 方法 & in 关键字

    hasOwnProperty :如果 object 具有指定名称的属性,那么方法返回 true;反之则返回 false。
    2008-11-11
  • JavaScript实现简单获取当前网页网址的方法

    JavaScript实现简单获取当前网页网址的方法

    这篇文章主要介绍了JavaScript实现简单获取当前网页网址的方法,通过location对象的href方法来获取网址,非常简单实用,需要的朋友可以参考下
    2015-11-11

最新评论