投稿者 tel | 2013年3月23日

ブラウザのJavaScriptでグローバル変数を使わないほうがいい理由

ちょっとしたコードを書くのにグローバル変数を使いたくなるけど、そんな時でもちゃんと無名関数のスコープを作ったほうがいい。

(function() {
    var left = 10,
        top = 20;
    console.log(top, left); // 10 20
})();

これをグローバル変数にしてしまうと

var left = 10,
    top = 20;
console.log(top, left); // 10 Window

というように top が window になってしまう。これはグローバル変数が window.top のようになっているため。window.top は書き換え不可のプロパティなので値が変わらなかった。

https://developer.mozilla.org/ja/docs/DOM/window.top


コメントを残す

以下に詳細を記入するか、アイコンをクリックしてログインしてください。

WordPress.com ロゴ

WordPress.com アカウントを使ってコメントしています。 ログアウト / 変更 )

Twitter 画像

Twitter アカウントを使ってコメントしています。 ログアウト / 変更 )

Facebook の写真

Facebook アカウントを使ってコメントしています。 ログアウト / 変更 )

Google+ フォト

Google+ アカウントを使ってコメントしています。 ログアウト / 変更 )

%s と連携中

カテゴリー

%d人のブロガーが「いいね」をつけました。