JavaScript

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

data_access JavaScriptのコードの中では、どこにデータを格納するかでコード全体のパフォーマンスに対して影響があるといいます。 実際、オライリーの書籍は よくそのあたりがとりあげられているので かなり参考にしています。 今すぐに意識できることを ざっくりまとめます。 これだけでも パフォーマンスの改善につながりそう♪

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

  1. ローカル変数はスコープ外の変数と比較して高速にアクセスすることが可能
  2. グローバル変数は常にスコープチェーンの末尾に存在しているので、アクセスにも一番時間かかるそう。これを基本として踏まえておく。
  3. 頻繁にアクセスするスコープ外の変数はローカル変数に格納する
  4. 関数の始めで使いたいグローバル変数をローカル変数に格納して、そのローカル変数を使うようにすれば、グローバル変数へのアクセスを減らすことができるのでパフォーマンスが向上するというわけ。
たったこれだけですが、コードが多くなりがちなWebアプリケーションでは 大幅なパフォーマンスの改善が期待できるはずです!

関連記事

  1. css_sprite.jpg
  2. oncomplete_function.jpg

    JavaScript

    【TweenMax】「onComplete」で引数を使う方法

    TweenMaxの「onComplete」で引数を使いたい場合って…

  3. parseInt.jpg

    JavaScript

    JavaScriptでローカルストレージを使うときに覚えておきたい文字列型から数値型への変換方法

    HTML5を使ったWebアプリをデザインしているときに必要だったの…

  4. style_backgroundImage.jpg

    JavaScript

    背景画像をJavaScriptで入れ替える2種類の方法

    ものごとには「正解」というものがひとつではない、ってことが多いもん…

  5. scope.jpg

    JavaScript

    JavaScriptでは「変数のスコープ」を正しく理解してエラーを減らそう!

    変数の「スコープ」は正しく理解しないと、エラーにならないエラーが起…

  6. offset_style.jpg

    JavaScript

    「offset」で取得した値を使い回す

    ちょっとはまったのでメモ。以下のように「offset」と「sty…

最近の記事

  1. 【無印良品】ゴールデンウィーク中のご飯にレトルト買い込み!
  2. 世代ど真ん中だった!!『週刊少年ジャンプ展 vol2』
  3. デジタル通貨を買ってみた記録!とりあえず元は取っている!
  4. 【コレクション】カードダス:SDガンダム外伝シリーズ
  5. 懐かしい!!カードダスSD戦国伝!!
  6. 【無印良品】作り置きに欠かせない!バルブ付き密閉保存容器
  7. 【UNIQLO】冬のジム通いにブロックテックフリースパーカをお得に購入!!
  8. 【UNIQLO】冬のジム通いにブロックテックフリースパンツをお得に購入!!
  9. 【UNIQLO】ユニクロ誕生感謝祭で買いだめ!
  10. 便利すぎる!買ってよかったキッチンツール「キッチンペーパーハンガー」

アーカイブ

  1. santefx_evangelion_Present-1.jpg

    プロダクト

    久しぶりに懸賞当たった! 「サンテFX × ヱヴァンゲリヲン新劇場版:Q 人類爽…
  2. トップページ

    WordPress

    サイトにトップページをつけた
  3. 日常

    「mt」
  4. 2012end.jpg

    日常

    個人的今年3大ニュース
  5. canvas.jpg

    JavaScript

    WebアプリでCanvasを使うための指定方法
PAGE TOP