1. リテラルとローカル変数へのアクセスは最も高速ですが、配列要素とオブジェクト メンバーへのアクセスは比較的低速です。オブジェクト メンバーにアクセスすると、スコープ チェーンと同様にプロトタイプ チェーンが検索されます。 2. 見つかったメンバーがプロトタイプ チェーン内で深すぎる場合、アクセス速度が遅くなります。 したがって、検索回数とオブジェクト メンバーのネストの深さを最小限に抑えるようにしてください。 例// 2つのオブジェクトメンバー検索を実行する function hasEitherClass(element, className1, className2) { element.className === className1 || element.className === className2 を返します。 } //最適化、変数が変更されない場合は、ローカル変数を使用して検索コンテンツを保存できます function hasEitherClass(element, className1, className2) { const currentClassName = 要素.className; currentClassName === className1 || currentClassName === className2 を返します。 } コンテンツ拡張子: js オブジェクト操作のパフォーマンスの問題 1 文字列が長くなるほど、str+="xxx" を使用するのにかかる時間が大幅に増加します (ほぼ指数関数的に)。 2 オブジェクト配列に 400 個の要素しかない場合、各要素のプロパティとメソッドへのアクセス時間は、プロパティまたはメソッドごとに 1/4 ミリ秒に達します。要素に 10 個の属性がある場合、配列の走査には少なくとも 1 秒かかります。これはひどいことです。 3 ファイルシステム操作、特に書き込み操作は、書き込まれる文字列の長さの 2 乗にほぼ比例します。 4 文字列操作、特に置換、検索、比較を実行するために独自のメソッドを使用しないでください。 正規表現をよく理解していません。カスタム関数を使用する場合、上記の2)で述べたトラバーサルで、 カスタム関数は合計時間の最大 80% を占めます。 これで、js オブジェクトの読み取り速度の詳細な例に関するこの記事は終了です。js オブジェクトの読み取り速度の詳細については、123WORDPRESS.COM の以前の記事を検索するか、次の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。 以下もご興味があるかもしれません:
|
目次マクスウェルについてMaxwellの設定と使用1. Maxwellインストールパッケージをダウン...
1. どのように構築しますか? es5 でクラスを構築する一般的な方法を確認しましょう。まず、es5...
目次ドロップダウン複数選択ボックスアップグレード - すべてのオプションを追加改訂と改善を求める製品...
目次1. 覚えておくべき知識1. 変数タイプ2. シェル変数の説明3. シングルクォート、ダブルクォ...
この記事は主にインターネット上の他のチュートリアルを参考にしています。実際に操作した上でのまとめです...
Web 開発では、次のような文字によく遭遇します: これは実際には HTML が...
1. ソフトウェアをダウンロードする1. MySQL の公式サイトにアクセスし、Oracle アカ...
Linux の seq コマンドは、数字のリストを非常に高速に生成でき、使いやすく柔軟性に優れてい...
HTML にオーディオ ファイルを挿入した後 (mp3 ファイルを再生した後) に発生したいくつかの...
この記事では、ボトムクエリ機能を実装するためのVueの具体的なコードを例として紹介します。具体的な内...
2 端揃えを実現する div+css レイアウトは、Web ページの組版でよく使用されます。この記事...
<br />Web2.0とは何ですか? Web2.0にはソーシャルネットワーク製品とその...
今日、問題が発生しました。ブラウザのアドレスバーにURLアドレスを入力する際、ページを正常にアクセス...
効果は以下のとおりです。ページジャンプボタンをクリックした後 対応する値はページ b で取得できます...
序文前回の記事では、主にグリッドシステムの基本原理を学び、簡単なケースを通してその原理を実践しました...