JavaScript

JavaScriptでグローバル変数の使いどころを見直してパフォーマンスを改善する

data_access

JavaScriptのコードの中では、どこにデータを格納するかでコード全体のパフォーマンスに対して影響があるといいます。

実際、オライリーの書籍は
よくそのあたりがとりあげられているので
かなり参考にしています。

今すぐに意識できることを
ざっくりまとめます。

これだけでも
パフォーマンスの改善につながりそう♪

グローバル変数の使い方を確認

  1. ローカル変数はスコープ外の変数と比較して高速にアクセスすることが可能
  2. グローバル変数は常にスコープチェーンの末尾に存在しているので、アクセスにも一番時間かかるそう。これを基本として踏まえておく。

  3. 頻繁にアクセスするスコープ外の変数はローカル変数に格納する
  4. 関数の始めで使いたいグローバル変数をローカル変数に格納して、そのローカル変数を使うようにすれば、グローバル変数へのアクセスを減らすことができるのでパフォーマンスが向上するというわけ。

たったこれだけですが、コードが多くなりがちなWebアプリケーションでは
大幅なパフォーマンスの改善が期待できるはずです!

関連記事

  1. about_debug-4.jpg

    JavaScript

    Android端末のデフォルト・ブラウザでJavaScriptのデバッグをする方法

    Webアプリをデザインするときに必須となるのがJavaScript…

  2. 20120716134815

    JavaScript

    正規表現で入力されたテキストが有効かをチェックする

    テキストボックスに入力されたテキストが整数かどうかをチェックします…

  3. tweenmax_js_oncomplete.jpg

    JavaScript

    【TweenMax.js】アニメーション終わりに関数を呼び出す!

    最近はWebアプリでアニメーションが必要になったときに、「Twen…

  4. tweenmax_license01.jpg

    JavaScript

    「TweenMax.js」をビジネス利用のためのライセンス購入方法

    いつもJavaScriptのアニメーション部分でお世話になってる「…

  5. js_global.jpg

    JavaScript

    JavaScriptでグローバル変数を減らす方法

    グローバル変数はいいことない!もしかしたら使っているライブラリー…

  6. tweenmax_js_totation.jpg

    JavaScript

    【TweenMax.js】回転アニメーションも楽々!

    以前も記事に書いたアニメーション用のJavaScriptライブラリ…

最近の記事

  1. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  2. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  3. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  4. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  5. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」
  6. ジムで活躍!プロテイン用のボトルにおすすめ!「nalgene(ナルゲン)の沖倉商店コラボ・ボトル」
  7. コミックのイラストが新鮮だった!『MARVEL展』
  8. シンプルで使い易い!!「雷に強い マイクロタップ 4個口」
  9. ジム用に購入♪ リバーサル・オッシュマンズ別注「ドライスウェットショーツ」
  10. 暮しの手帖社とのコラボ作品!大きい面積が使いやすい!「日東紡の新しいふきん」

アーカイブ

  1. 日常

    夏は夕方がいい
  2. furinsaisai09.PNG

    展覧会

    エコな夏は目と耳で涼しくなろう! 約800個の風鈴が全国から集結した「風鈴彩祭」…
  3. 日常

    吉岡徳仁×ナガオカケンメイ トークショー
  4. コメント欄

    WordPress

    コメント覧とBlogのタイトル画像追加
  5. Evernoteプレミアムをできるかぎり安く利用する方法!

    サービス

    Evernoteプレミアムをできるかぎり安く利用する方法!
PAGE TOP