プロトタイプ Framework_JavaScript スキルにおけるドル記号 $ の使用分析

この記事の例では、プロトタイプ フレームワークでのドル記号 $ の使用法について説明します。参考のために皆さんと共有してください。詳細は次のとおりです:

プロトタイプは、オブジェクト指向の実装のための重要なツールであり、JavaScript の優れたフレームワークです。
jquery を使用する人なら誰でも、jquery には $ ドル記号があり、プロトタイプにも $ があることを知っています。それらの違いは何ですか?

1. プロトタイプでの $() の使用法

プロトタイプは $("test") または $$("#test") として記述され、js の document.getElementById("test");
に相当します。 jqueryp の書き込みメソッド $("#test")。これは、js の document.getElementById("test");

と同等です。

2. プロトタイプでの $$() の使用法

$("div") を記述する jquery は document.getElementsByTagName('div') と同等です
プロトタイプが単にページ内のすべての div 要素を取得したい場合も、このように書くことはできません。
プロトタイプの書き方は $("div") で、 document.getElementById("div")
と同等です。 プロトタイプの書き方は $$("div") で、document.getElementsByTagName('div')
と同等です。 プロトタイプの書き込みメソッド $$("input[value=tank]") は、ページ上の入力ボックスの値が Tank であるラベルを取得します。これは、追加の $ 記号

がある点を除いて、実際には jquery に似ています。

3. プロトタイプでの $A() の使用法

$A は主に、配列として使用できるコレクション (NodeList、多くの DOM メソッドによって返される HTMLCollection、関数オブジェクトの引数プロパティなど) を実際の Array オブジェクトに変換するために使用されます。以下の4つの方法でページ内のdivタグを非表示にできます

$A($$('div')).each(Element.hide); 
$A($$('div')).map(Element.extend).invoke("hide"); 
//从思想上来看，下面二种写法，我在用jquery时，也经常用 
$A($$('div')).each(function(name,index){ 
 name.style.display='none'; 
 alert(name.innerHTML); 
 }) 
 $A($$('div')).each(function(name,index){ 
 $(name).hide(); 
}) 

例に TypeError: element.style is unknown { message="element.style is unknown", more...} が表示される場合は、プロトタイプのバージョンをアップグレードしてください

4. プロトタイプでの $F() の使用法

個人的には、$F の使い方はフォームデータを取得しやすくするために設計されていると思いますが、ID でのみ取得できるので比較的簡単です

8a21ecc55e46a115916a47e2e30390b2
$F("名前") 正解

df613966d3e0cbc3aae824c952059f60
$F("name") 不正解、TypeError: 要素が null { message="element is null", more...}

5. プロトタイプでの $H() の使用法

関数のパラメータとしてオブジェクトを渡すと、$H はそのオブジェクトをプロトタイプの独自のハッシュ オブジェクトに入力します。 $H はコンバーターのように感じられ、状況を変える効果を引き起こします

$H({name:'tank',sex:1,height:'170cm'}).toArray()
[["name", "tank"], ["sex", 1], ["height", "170cm"]]
$H({name:'tank',sex:1,height:'170cm'}).toQueryString()
"name=tank&sex=1&height=170cm"

6. プロトタイプでの $R() の使用法

$R 関数には元のコンストラクターとまったく同じパラメーターがあります。start と end はそれぞれ下限値と上限値を表し (2 つのパラメーターの型は一貫している必要があります)、exclusive は上限値を除外するかどうかを表します。限界値（パラメータ終了）。上限値はデフォルトでは除外されません。

$R のインスタンスは、数値、テキスト、または隣接する値の導出を意味論的にサポートするその他の型など、特定のルールに従って変化する一連の値を記述します。

例を通して説明できると、最も覚えやすいです

$A($R("a","z",true)).join(',') //加了参数true 
"a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y" 
$A($R("a","z")).join(',') //没有加 
"a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z" 

$R はルールに従って $R オブジェクトを推論し、$A はオブジェクトを配列に変換し、符号を使用して配列を文字列に変換します。

$R(0, 10).each(function(value){ 
 alert(value*value); 
}); 
//结果和上面的一样的，但是each解释的对像是不一样的。 
$A($R(0, 10)).each(function(value){ 
 alert(value*value); 
}); 

TypeError: value.succ is not a function { message="value.succ is not a function", more...} のようなエラーが報告された場合は、

をアップグレードしてください。

7. プロトタイプでの $w() の使用法

$w は、区切り文字としてスペースを含む文字列を配列に変換します。root php のexplode(" ",$string); の機能は同じで、より対象が絞られています。

$w("aa bb").join(',')

このようなエラーが報告された場合は、ReferenceError: $w is not generated { message="$w is not generated", more...}、

をアップグレードしてください。

この記事が JavaScript プログラミングのすべての人に役立つことを願っています。