コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > ローカル変数を賢く使用して JavaScript のパフォーマンスを向上させる_JavaScript のヒント

ローカル変数を賢く使用して JavaScript のパフォーマンスを向上させる_JavaScript のヒント

WBOY
リリース： 2016-05-16 16:58:21
オリジナル
1145 人が閲覧しました

識別子が JavaScript 内に深く配置されるほど、読み取りと書き込みが遅くなります。したがって、関数内のローカル変数の読み取りと書き込みは常に最速ですが、グローバル変数の読み取りと書き込みは通常最も遅くなります。経験則として、クロススコープ値が関数内で複数回参照される場合は、それをローカル変数に格納します。

例:

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





この関数はドキュメントを 3 回参照し、ドキュメントはグローバル オブジェクトです。この変数を検索するプロセスでは、グローバル変数オブジェクトで最終的に見つかるまで、スコープ チェーン全体をたどる必要があります。最初にグローバル変数への参照をローカル変数に保存し、次にグローバル変数の代わりにこのローカル変数を使用することで、パフォーマンスへの影響を軽減できます。

例:


コードをコピーします コードは次のとおりです:
関連ラベル：
ローカル変数 性能を上げる
ソース：php.cn
前の記事：ドロップダウンで選択した項目の値とテキストを取得するための JS 実装コード box_javascript スキル 次の記事：テーブル用の JS ページングと ul_javascript スキルの共有例
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
戻り値の変数の形式は何ですか? 私はphpの初心者です。コードを見つけました: if($x<time()){return[false,'error'];} ロジックや変数は重要ではありませんが、[false...
から 2024-04-06 21:55:20
0
1
778
Javafx でインライン CSS スタイルを動的に変更する アプリケーションが最大化されているときにペインの背景画像を変更しようとしています。私の背景はインライン CSS を使用して設定されています。スタイル用に 2 つの異なる変数と if...
から 2024-04-06 20:57:16
0
1
487
MySQL: 「<ここの変数またはサブクエリ> として...からテキストを選択します」 次のデータを含む次のテーブルがあります: id text language 1 german text german 2 english text english 私が望むのは、次...
から 2024-04-06 19:25:54
0
2
529
テンプレートのメソッドで定義された変数の使用 Vue (v3 ではなく v2) を使用するのは初めてで、テンプレート内 (メソッド内で定義された) で変数を使用しようとしています。私の簡略化されたコード: <templa...
から 2024-04-06 18:10:25
0
2
513
文字列を HTML コード (配列から生成) に置き換えるトップレベルのメソッド 次のような文字列があるとします... $htmlPattern="Usernameis:#name#andusercompanyis#company#"; 部分...
から 2024-04-06 17:40:41
0
2
410
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート