JavaScript プログラミング開発における 5 つの実践的なヒント

JavaScript プログラミング開発における 5 つの実践的なヒント_JavaScript スキル

WBOY

リリース： 2016-05-16 18:22:40

オリジナル

1193 人が閲覧しました

本当に 5 つの簡単なヒント:

送信イベントは

要素でのみ使用してください
フォーム内でイベントハンドラーをバインドする場合は、それを使用する必要があります。クリックイベントを送信ボタンにバインドするのではなく、送信イベントを要素にバインドします。
3 月: この方法は確かに良いのですが、同社は開発中に Web フローを使用しており、1 ページが大きなフォーム内に複数の送信ボタンがある場合があるため、一部のイベントハンドラーを送信ボタンにバインドする必要があります。ボタンのクリックイベントについて。

クリック可能な項目はすべてリンクである必要があります。
クリックイベントをアンカー要素 () 以外の要素にバインドしないでください。これは、キーボードだけでは要素に焦点を合わせるのが難しいキーボードユーザーにとって重要です。
3 月: ただし、個人的には、アンカー要素はリンクとしてのみ使用すべきであり、一部の機能操作 (Google リーダーのすべてを新規としてマークするなど) はでマークするのが最適であると感じています。アクセシビリティの問題は解決済みを通じて解決できます。ショートカットキーなどの方法で。これにより、HTML 要素のセマンティクスをより適切に復元できます。

簡単な for ループの最適化
for ループを作成する場合、パフォーマンスを向上させる非常に簡単なトリックがあります。

コードをコピーコードは次のとおりです。

for ( var i = 0; i < elements. length; i )

上記の代わりに次のステートメントを使用します:

コードをコピーしますコードは次のとおりです。

for (var i = 0, j = elements.length; i
このようにして、要素の数 (elements.length の値) は次のようになります。変数 j に格納されるため、ループのたびに要素の数をカウントする必要はありません。

匿名関数をイベントハンドラーとして使用する
特に短い関数の場合、名前付き関数への参照を使用するよりも匿名関数を作成した方が読みやすい場合があります。

コードをコピーコードは次のとおりです。

anchor.onclick = function() { map.goToPosition( home ); return false; }

March: より複雑な JavaScript を開発する場合は、名前付き関数を使用する方が効率的です。

文字列を連結する代わりに Array.join を使用します
多くの文字列、変数などを長い文字列に連結する場合は、すべての文字列を結合して変数を配列に入れてから、 join メソッドを使用してそれらを長い文字列に形成します。コードの読みやすさとパフォーマンスの点で、文字列の連結よりも優れています。

コードをコピーコードは次のとおりです。

var text = 'There are' 要素です。 length '要素配列のメンバー'; 
var text = ['存在します', elements.length, '要素配列のメンバー'].join(' ');