15の重要なjavascriptのヒント

1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...

1、可変変換

それは簡単ですが、私が見る限り、Array()やNumber()のようなコンストラクタを使って変数変換を行うのが一般的です。 変数を変換するには、常に生データ型(リテラルとも呼ばれます)を使用します。これは特別な効果はありませんが、より効率的です。

15は、JavaScriptのトリックを持っている必要があります理解するために開始することです、プレナリーの書き込みは、大神

変換日(new Date(myVar))と正規表現(new RegExp(myVar))はコンストラクタを使用する必要があり、正規表現は/ pattern / flags形式を使用して作成されます。

2、楽しい番号

15は、JavaScriptのトリックを持っている必要があります理解するために開始することです、プレナリーの書き込みは、大神

3、属性が存在するかどうかを判断する

この質問には、属性をチェックして属性のタイプを取得するときの2つの側面があります。 しかし、私たちは常にこれらの小さなことを無視します:

15は、JavaScriptのトリックを持っている必要があります理解するために開始することです、プレナリーの書き込みは、大神

しかし、構造がより深く、より適切な検査が必要な場合は、次のようにすることもできます。

15は、JavaScriptのトリックを持っている必要があります理解するために開始することです、プレナリーの書き込みは、大神

4、配列を並べ替えてランダムな順序をシャッフルする

このコードでは、Fisher Yatesシャッフルアルゴリズムを使用して、指定された配列をランダムに並べ替えます。

15は、JavaScriptのトリックを持っている必要があります理解するために開始することです、プレナリーの書き込みは、大神

図5に示すように、返却オブジェクトの機能をチェーン操作に使用することができる

オブジェクト指向のJavaScriptオブジェクトの関数を作成するとき、関数は、関数を連鎖して一緒に実行できるようにするオブジェクトを返します。

15は、JavaScriptのトリックを持っている必要があります理解するために開始することです、プレナリーの書き込みは、大神

6、replace()メソッドが関数を渡すために

場合によっては、文字列の一部を別の値に置き換える場合は、別の関数をString.replace()に渡すことをお勧めします。 ここに簡単な例があります:

15は、JavaScriptのトリックを持っている必要があります理解するために開始することです、プレナリーの書き込みは、大神

7. 16進数または8進数への10進数変換、またはその逆

16進数(または8進数)を変換する別の関数を書いていますか? 今すぐ停止! 使用することができる既製の機能があります:

15は、JavaScriptのトリックを持っている必要があります理解するために開始することです、プレナリーの書き込みは、大神

8、より速い丸め

今日のヒントはパフォーマンスです。 ダブルチルダ "~~"演算子を見たことがありますか? また、二重NOT演算子と呼ばれることもあります。 Math.floor()の代わりに、より速く使用することができます。 なぜ?

単一変位~32ビットの変換入力 – (入力+1)なので、ダブル変位入力は – ( – (入力+1))に変換されます。これは0に最適なツールです。 入力された数値については、負の値を持つMath.ceil()と正の値を持つMath.floor()を模倣します。 実行が失敗した場合は0を返します。これは、Math.floor()が失敗したときにNaNを置き換えるために使用すると便利です。

15は、JavaScriptのトリックを持っている必要があります理解するために開始することです、プレナリーの書き込みは、大神

~~がパフォーマンスを向上させるかもしれませんが、読みやすさのためにMath.floor()を使用してください。

フロントエンドが理解していないこと、または学ぶ方法がわからない、フロントエンドグループに来ることができます:589651705、あなたは白人か大きな牛かにかかわらず、シャオビアンは随時歓迎されます。 。

9、テンプレート文字列

ES6以降、JSには、古典的な引用符付きの文字列の代わりに、テンプレート文字列がすでに用意されています。

15は、JavaScriptのトリックを持っている必要があります理解するために開始することです、プレナリーの書き込みは、大神

図10に示すように、配列または単一の要素をパラメータとして処理する方法

配列と要素を引数として操作するための別個のメソッドを書くよりも、汎用関数を記述する方が良いでしょう。 これはいくつかのjQueryメソッドに似ています(CSSマッチングはすべてのセレクタを変更します)。

最初にすべてを配列に入れるだけで、Array.concatは配列または単一のオブジェクトを受け取ります:

15は、JavaScriptのトリックを持っている必要があります理解するために開始することです、プレナリーの書き込みは、大神

printUpperCaseでは、パラメータまたは配列として1つの要素を受け取ることができるようになりました。

15は、JavaScriptのトリックを持っている必要があります理解するために開始することです、プレナリーの書き込みは、大神

11、Javascriptのバージョン検出

あなたのブラウザがサポートしているJavascriptのバージョンを知っていますか? あなたがわからない場合は、Wikipediaにアクセスし、Javascriptのバージョンを確認してください。 なんらかの理由で、Javascriptバージョン1.7の一部の機能は広くサポートされていません。 しかし、ほとんどのブラウザは1.8と1.8.1の機能をサポートしています。 (注:すべてのIEブラウザ(IE8以前)はバージョン1.5のJavascriptしかサポートしていません)機能を検出してJavaScriptバージョンを検出できるスクリプトがあります。また、特定のJavascriptバージョンでサポートされている機能も確認できます。 。

15は、JavaScriptのトリックを持っている必要があります理解するために開始することです、プレナリーの書き込みは、大神

12、サイクルでのラベルの使用

場合によっては、ループはループ内にネストされます。ループを終了することができます。ラベルを使用することができます:

15は、JavaScriptのトリックを持っている必要があります理解するために開始することです、プレナリーの書き込みは、大神

13、改善する

プロモーションを理解することは、あなたの機能を整理するのに役立ちます。 変数の宣言と定義関数が最上位に昇格していることに留意してください。 同じ行に変数を宣言して定義しても、変数の定義はできません。 さらに、変数宣言によって、変数が存在することがシステムに通知され、定義はそれを割り当てます。

15は、JavaScriptのトリックを持っている必要があります理解するために開始することです、プレナリーの書き込みは、大神

物事を読みやすくするために、関数のスコープ内で変数の宣言を呼び出すと、変数の宣言がどのスコープであるかがわかります。 変数を使用する前にそれらを定義してください。 コードが明確で標準化されていることを確認するには、スコープの下部に関数を定義します。

14. replace()メソッドの関数を渡す

場合によっては、文字列の一部を別の値に置き換える場合は、別の関数をString.replace()に渡すことをお勧めします。 ここに簡単な例があります:

15は、JavaScriptのトリックを持っている必要があります理解するために開始することです、プレナリーの書き込みは、大神

15、document.createDocumentFragment()を使用して、

ドキュメントに複数の要素を動的に追加する必要があります。 ただし、それらをドキュメントに直接挿入すると、ドキュメントを一度に1つずつ並べ替える代わりに、ドキュメントフラグメントを使用して一度追加する必要があります。

15は、JavaScriptのトリックを持っている必要があります理解するために開始することです、プレナリーの書き込みは、大神


1 Star2 Stars3 Stars4 Stars5 Stars (まだ評価されていません)
Loading...
      この投稿は審査処理中  | 元のサイトへ