prototype中的$A函数的用法

最新推荐文章于 2024-08-16 19:02:09 发布
最新推荐文章于 2024-08-16 19:02:09 发布
阅读量100 收藏
点赞数
文章标签： javascript xhtml ViewUI
原文链接：https://yq.aliyun.com/articles/422319
版权 

 
  
  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: null, undefined 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，如需转载请自行联系原作者
 
 
 
 
 
  
 
 
 


                

        

        




    




    

      

        

            

              
                
                  weixin_34397291
                
              
            

            

                关注
              
            

        

        

          
    
            
  • 
              
                
                
                
                
                      0
                
              
              
    点赞
    
            
    • 
            
  • 
              
                
                
                
              
              
    踩
    
            
    • 
            
  • 
              
                
                
                
                
                    0
                
              
              
    
                
    
                  
                    收藏
                  
                
    
              
    
              
    
                
    
                  觉得还不错?
                  
                    一键收藏
                  
                 
                
    
              
    
            
    • 
          
  • 
            
    
              
              
            
    
              
              
              
                    0
              
            
            
    评论
    
          
    • 
          
  • 
          
    • 
          
  • 
            
              
            
              
    
            
              
                
            
    
          
    • 
        

      

      










                



	

		

			

				
					
Prototype 学习 工具函数学习($A方法)

				
			

			

				

					09-05
				

			

		

		

			
				
Prototype 学习 工具函数学习($A使用方法)

			
		

	



                

              
                



	

		

			

				
					
Prototype使用$A()函数

				
			

			

				

					owen_william的博客
				

				

					05-08
					
					493
					
				

			

		

		

			
				
1.前言
$A() 函数能把单个集合对象转换成一个Array对象。结合被Prototype库扩展后的Array类，能方便地把任何的枚举列表转换成或拷贝到一个Array对象。
2.例子
看下面应用$A()的例子。



	
	
	 $A()函数 



	文件
	编辑
	查看




// 获得id为menuBar的元素，再获取该元素的所有div子元素，
// 返回一个HTMLCollect

			
		

	



                


  
              

                


	

		

			

				
					
prototype笔记(一)----使用$A()函数

				
			

			

				

					feng_sundy 的专栏
				

				

					10-31
					
					5789
					
				

			

		

		

			
				
使用$A()函数 $A()函数能把它接收到的单个的参数转换成一个Array对象。 这个方法，结合被本类库扩展了的Array类，能方便的把任何的可枚举列表转换成或拷贝到一个Array对象。一个推荐的用法就是把DOM Node Lists转换成一个普通的Array对象，从而更有效率的进行遍历，请看下面的例子。    function showOptions(){   var som

			
		

	





	

		

			

				
					
prototype框架中美元符号$用法分析

				
			

			

				

					09-02
				

			

		

		

			
				
本文将深入探讨Prototype框架中`$`、`$$`、`$A`、`$F`、`$H`和`$R`等函数的用法。  1. **`$`函数**：在Prototype中，`$`函数通常用于获取DOM元素，它的行为类似于`document.getElementById`。例如，`$("test")`会...

			
		

	



		

			
		



	

		

			

				
					
基础的prototype.js常用函数及其用法

				
			

			

				

					10-31
				

			

		

		

			
				
在本文中，我们将深入探讨`Prototype.js`中的一些基础且常用的函数及其用法。  1. **Element Methods:**  - `Element.toggle`: 用于交替隐藏或显示指定的元素。例如，`Element.toggle('div1', 'div2')`会切换`div1`...

			
		

	





	

		

			

				
					
Prototype 学习 工具函数学习($方法)

				
			

			

				

					09-05
				

			

		

		

			
				
$方法——被成为瑞士军刀$方法使用技巧。

			
		

	





	

		

			

				
					
Firefox/Chrome/Safari的中可直接使用$/$$函数进行调试

				
			

			

				

					09-05
				

			

		

		

			
				
IE9 和 Opera 似乎没有提供这样的内置函数，这可能是由于它们的开发者工具在那时候可能还没有实现这些功能，或者是出于与其他库（如 Prototype 或 jQuery）保持兼容性的考虑，因为这两个库也使用 $ 符号作为其主要...

			
		

	





	

		

			

				
					
Prototype框架学习$A()函数

				
			

			

				

					zhangpeng_sun的专栏
				

				

					04-05
					
					111
					
				

			

		

		

			
				





  
    
    
    
    
    
    prototype学习
    

	 
	var fileList = $("menu").getElementsByTagnames("div");
	
	var fileArray=$A(fileList);
	for(var i=0;i

			
		

	





	

		

			

				
					
Function、Object、Prototype 之间的关系解析

				
			

			

				

					weixin_30340819的博客
				

				

					05-02
					
					142
					
				

			

		

		

			
				
前提：js中所有的内置对象都是Function 的实例。　
　　例如：Array\String\Number... 等

原理剖析：

　　对象属性搜索的原理就是按照对象的 __proto__ 属性进行搜索，直到__proto__=null 停止搜索

 1 > Array.__proto__
 2 < function () {}
 3 
 4 >var ...

			
		

	





	

		

			

				
					
js 为prototype的赋值在new实例之后的问题

				
			

			

				

					杉楂的博客
				

				

					05-25
					
					3711
					
				

			

		

		

			
				
（最近准备考研，写得实在不勤快了= =JavaScript高级程序设计（第3版）第156页讲了原型的动态性。 
即实例与原型之间的松散连接关系使得原型的属性改动可以反映在实例上。 
所谓松散连接关系，即实例与原型的连接是一个指针。当搜索实例的属性时，会先搜索实例本身属性，如果没有，则在搜索原型的属性。后面则讲了一种特殊情况，即在new实例之后，再进行prototype的赋值（重写），会破坏这种动态性

			
		

	





	

		

			

				
					
var a = function(){}和var a = function(){}();的区别

				
			

			

				

					weixin_30376083的博客
				

				

					05-05
					
					519
					
				

			

		

		

			
				
var a = function(){
    ...
    ...
    ...
}
声明方法。

var a = function(){
    ...
    ...
    ...
}();
声明方法并执行

demo：
var u = function(){
	var u1 = function(){
		alert("1");
	};
	
...

			
		

	





	

		

			

				
					
每日一题（五四）var F=function(){}Object.prototype.a = function(){console.log(123) }F.a() F.b() f.a() f.b()

				
			

			

				

					MFWSCQ的博客
				

				

					06-14
					
					3566
					
				

			

		

		

			
				
写出代码的执行结果


var F = function(){};
Object.prototype.a = function(){
    console.log('123');
};
Function.prototype.b = function(){
    console.log('456');
}
var f = new F();
F.a();
F.b();
f.a();
f.b();





































...

			
		

	





	

		

			

				
					
Object和Function

				
			

			

				

					浅听记忆的博客
				

				

					08-24
					
					1555
					
				

			

		

		

			
				
1. 首先Object和Function都是构造函数，而所有的构造函数的都是Function的实例对象. 因此Object是Function的实例对象
2.Function.prototype是Object的实例对象
3. 实例对象的原型(我们以__proto__来表示)会指向其构造函数的prototype属性, 因此 Object.__proto__ === Function.prototype, Function.__proto__ === Function.prototype, Function.p.

			
		

	





	

		

			

				
					
面试题死磕之Object与Function的关系

				
			

			

				

					那城烟雨
				

				

					09-22
					
					601
					
				

			

		

		

			
				
面试题死磕之Object与Function的关系
首先，先上题：
var F = function(){}; 
Object.prototype.a = function(){}; 
Function.prototype.b = function(){}; 
var f = new F();

问 f.a()与 f.b()能否执行？为什么？
这是本人在记录一个答错的面试题，在此篇文章中我们来一步步...

			
		

	





	

		

			

				
					
关于Function原型对象和Object原型对象的一些疑惑

				
			

			

				

					weixin_30383279的博客
				

				

					03-02
					
					370
					
				

			

		

		

			
				
网上有一道美团外卖的面试题是这样的：Function.prototype.a = 'a';
Object.prototype.b = 'b';
function Person(){};
var p = new Person();
console.log('p.a: '+ p.a); // p.a: undefined
console.log('p.b: '+ p.b); // p.b...

			
		

	





	

		

			

				
					
JS 原型的问题 Object 和 Function 到底是什么关系？

				
			

			

				

					taoerchun的专栏
				

				

					07-23
					
					2973
					
				

			

		

		

			
				
js 原型的问题 Object 和 Function 到底是什么关系？

 


var F = function(){};
Object.prototype.a = function(){};
Function.prototype.b = function(){};


F既能访问到a，也能访问到b(Object 和 Function也同样， 但是所有的实例只能访问到a)，F是Object 和 ...

			
		

	





	

		

			

				
					
微信小程序骨架屏

					
最新发布

				
			

			

				

					djjdjdjdjddjjdjd的博客
				

				

					08-16
					
					299
					
				

			

		

		

			
				
⑤    在onLoad 中页面加载前定义 isLoading.value=true, 在加载完后定义 isLoading.value=false.骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。①    在相应微信小程序页面右下角点生成骨架屏，左侧小程序目录会自动生成 .wxml 、.wxss 文件，⑥    在生成骨架屏页面中   v-if="isLoading"   v-else  定义显示与隐藏。

			
		

	





	

		

			

				
					
Vue.prototype.$target

				
			

			

				

					07-16
				

			

		

		

			
				
具体来说，Vue.prototype 是 Vue 构造函数的原型对象，它包含了一些在 Vue 实例中可以共享的方法和属性。通过在 Vue.prototype 上添加属性或方法，我们可以在所有的 Vue 实例中访问到它们。  $target 是一个自定义的...

			
		

	



              




          




        



    





    



      

      

        
      

      





	

		评论	
	

	
	




  

    

      添加红包
      
    

    

      

        
        

          
          
        

        
请填写红包祝福语或标题

      

      

        
        

          
          个
        

        
红包个数最小为10个

      

      

        
        

          
          元
        

        
红包金额最低5元

      

      

        
        

          当前余额3.43元
          前往充值 >
        

      

      

        

          需支付：10.00元
        

        
        
      

    

  





  

    
    
  

  

    
    
  








  

    

      

        

          

            
            
成就一亿技术人!

          

          

        

        

          

          

            领取后你会自动成为博主和红包主的粉丝
            规则
          

        

      

      

        

          

            
              
            
            

              
hope_wisdom
 发出的红包
            

          

        

        

          

          

          

        

      

    

    

  



      
      

      
实付元

      
使用余额支付

      

        

          

            
            点击重新获取
          

        

        
扫码支付

      

      

        
          
            
          
          
        
      

      

        
        钱包余额
          0
          

            
            

              

                
抵扣说明：

                
 1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
 2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

              

            

          

      

      余额充值