prototype中的$A函数的用法

简介:

 
 
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
  2.  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
  3. <html> 
  4. <head> 
  5.     <title>$A</title> 
  6.     <script language="javascript" src="prototype.js" 
  7.      type="text/javascript"></script> 
  8.     <script language="javascript" type="text/javascript"> 
  9.     function showOptions() { 
  10.         //先获取id为listFramework的对象,再由对象找到tagName为option的内容 
  11.         var someNodeList = $("lstFramework").getElementsByTagName("option"); 
  12.         var nodes = $A(someNodeList); 
  13.          
  14.         var info = []; 
  15.          
  16.         nodes.each (function(node){ 
  17.             info.push(node.value + ": " + node.innerHTML); 
  18.         }); 
  19.          
  20.         alert(info.join("\r\n")); 
  21.     } 
  22.     </script> 
  23. </head> 
  24. <body> 
  25.     <form> 
  26.         <select id="lstFramework" size="10"> 
  27.             <option value="1">Prototype</option> 
  28.             <option value="2">Script.aculo.us</option> 
  29.             <option value="3">Dojo</option> 
  30.             <option value="4">YUI</option> 
  31.         </select> 
  32.         <input onclick="showOptions();" type="button" value="Show the options"> 
  33.     </form> 
  34. </body> 
  35. </html> 

看看官方的解释你就都明白了:

Accepts an array-like collection (anything with numeric indices) and returns its equivalent as an actual Array object. This method is a convenience alias of Array.from, but is the preferred way of casting to an Array.

The primary use of $A is to obtain an actual Array object based on anything that could pass as an array (e.g. the NodeList or HTMLCollection objects returned by numerous DOM methods, or the predefined arguments reference within your functions).

The reason you would want an actual Array is simple: Prototype extends Array to equip it with numerous extra methods, and also mixes in the Enumerable module, which brings in another boatload of nifty methods. Therefore, in Prototype, actual Arrays trump any other collection type you might otherwise get.

The conversion performed is rather simple: nullundefined and false become an empty array; any object featuring an explicit toArray method (as many Prototype objects do) has it invoked; otherwise, we assume the argument "looks like an array" (e.g. features a length property and the [] operator), and iterate over its components in the usual way.

When passed an array, $A makes a copy of that array and returns it.


本文转自sucre03 51CTO博客,原文链接:http://blog.51cto.com/sucre/410388,如需转载请自行联系原作者


相关文章
|
26天前
|
JavaScript 前端开发 数据安全/隐私保护
如何使用 Symbol 实现私有属性和方法?
【10月更文挑战第22天】使用 `Symbol` 实现私有属性和方法是一种在JavaScript中模拟封装和隐私保护的有效方式,虽然存在一定的局限性,但在很多实际开发场景中能够满足对代码结构和数据隐藏的需求,提高代码的质量和可维护性。
构造函数(function)可以使用 new 生成实例,箭头函数可以吗
构造函数使用 `new` 关键字可以生成实例对象,而箭头函数则不能用作构造函数,因为它没有自己的 `this` 上下文,使用 `new` 调用会抛出错误。
|
7月前
|
JavaScript 前端开发
在JavaScript中,函数原型(Function Prototype)是一个特殊的对象
【5月更文挑战第11天】JavaScript中的函数原型是一个特殊对象,它为所有函数实例提供共享的方法和属性。每个函数在创建时都有一个`prototype`属性,指向原型对象。利用原型,我们可以向所有实例添加方法和属性,实现继承。例如,我们定义一个`Person`函数,向其原型添加`greet`方法,然后创建实例`john`和`jane`,它们都能调用这个方法。尽管可以直接在原型上添加方法,但推荐在构造函数内部定义以封装数据和逻辑。
61 2
|
7月前
|
JavaScript 前端开发
【专栏】`Function.prototype.apply` 在JavaScript中用于动态设定函数上下文(`this`)和参数列表
【4月更文挑战第29天】`Function.prototype.apply` 在JavaScript中用于动态设定函数上下文(`this`)和参数列表。它接受两个参数:上下文对象和参数数组。理解`apply`有助于深入JS运行机制。文章分三部分探讨其原理:基本概念和用法、工作原理详解、实际应用与注意事项。在应用中要注意性能、参数类型和兼容性问题。`apply`可用于动态改变上下文、传递参数数组,甚至模拟其他语言的调用方式。通过深入理解`apply`,能提升代码质量和效率。
42 3
C#基础⑧——方法(函数、重载、out、ref)
比喻成职能。比喻成一个生产自行车老板,一个地方专门放螺丝,一个地方专门放轮,一个地方专门放车链子,需要组装什么就从那个仓库里面拿就行了。各司其职。
|
JavaScript 前端开发
|
JavaScript 前端开发
Function() 构造函数
Function() 构造函数
64 0
Array.prototype.includes() 原型调用用法案例讲解
Array.prototype.includes() 原型调用用法案例讲解
120 2
|
JSON JavaScript 前端开发
学习javaScript必知必会(6)~类、类的定义、prototype 原型、json对象
学习javaScript必知必会(6)~类、类的定义、prototype 原型、json对象
147 0
学习javaScript必知必会(6)~类、类的定义、prototype 原型、json对象
|
JavaScript 网络架构 索引
Arguments 对象与简易柯里化
Arguments 对象与简易柯里化
170 0