Web 開発でグローバル変数の使用を避ける必要がある理由

今回は、Web 開発でグローバル変数の使用を避けるべき理由と、Web 開発でグローバル変数の使用を避けるための注意点についてお届けします。以下は実際のケースです。見てみましょう。

グローバル変数によって引き起こされる主な問題は次のとおりです。コードの量が増えると、グローバル変数が多すぎるとコードの保守が困難になり、バグが発生しやすくなります。 1 つまたは 2 つのグローバル変数については大きな問題はありません (JS コードが他の JS コードと接続されておらず、独自の処理を行う場合を除いて) グローバル変数をゼロにすることはほとんど不可能です。この状況は非常にまれです。グローバル変数が存在しないという意味ではありません。)

ES6 コードを書いている場合、明示的に window.globalVar = 'something' と書かない限り、グローバル変数を作成するのは難しいことがわかります。ES6 のモジュール メカニズムにより、スコープが自動的に分割されます。書かれたコードの保守性と安全性はより高くなりました (現代のフロントエンド開発者がとても満足していることを古い JSer は嘆かなければなりません)。

ES6 以前のコードの場合は注意が必要です。たとえば、関数内で var を使用せずに宣言した変数は、グローバル変数に直接マウントされます (これは JS の基礎知識である必要があります)。そのため、モジュール化は一般に IIFE を通じて実装され、外部に公開されるグローバル変数は 1 つだけです (もちろん、モジュール化を実現するために、RequireJS や YUI モジュール ローダーなどのサードパーティのモジュール管理ツールを使用することもできます)。

window.global = (function () {  var exportVar = {}; // ES5没有let和const，故用var
  // add method and variable to exportVar
  return exportVar;
})();

この記事の事例を読んだ後は、この方法を習得したと思います。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

推奨読書:

JS を使用して暗号化および復号化操作を実装する

js の配列操作と解析メソッドの概要

以上がWeb 開発でグローバル変数の使用を避ける必要がある理由の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。