JavaScriptでグローバル変数を変更する方法

PHPz
リリース: 2023-04-24 10:58:51
オリジナル
2680 人が閲覧しました

JavaScript は、柔軟性が高く、習得と使用が簡単なオブジェクトベースの動的言語であり、Web 開発、ゲーム開発、モバイル アプリケーション開発などの分野で広く使用されています。その中でも、グローバル変数は JS プログラミングで最もよく使用される変数の種類であり、その値はプログラム内のどのコードからもアクセスおよび変更できます。この記事では、JavaScript でグローバル変数を変更する方法について説明します。

1. グローバル変数の定義

JavaScript では、var キーワードまたは直接代入 (var を追加せず) を使用して変数を宣言することは、ローカル変数を宣言することを意味します。関数の外で宣言された変数はグローバル変数であり、プログラム全体でアクセスおよび変更できます。例:

var a = 1; //声明一个全局变量a
function test(){
  console.log(a); //输出1
}
test();
ログイン後にコピー

2. グローバル変数の変更方法

  1. 直接代入

グローバル変数に値を直接代入することで、グローバル変数を変更できます。変数、値。例:

var a = 1; //全局变量a的值为1
function test(){
  a = 2; //直接为全局变量a赋值2
  console.log(a); //输出2
}
test();
console.log(a); //输出2
ログイン後にコピー

関数内でグローバル変数を再割り当てすると、変数の値も変更されます。

  1. window オブジェクト

window オブジェクトは JavaScript のグローバル オブジェクトであり、グローバル変数および関数にアクセスする方法を提供します。グローバル変数は、ウィンドウ オブジェクトを通じて変更できます。例:

var a = 1; 
function test(){
  window.a = 2; //通过window对象修改全局变量a的值
  console.log(a); //输出2
}
test();
console.log(a); //输出2
ログイン後にコピー

グローバル変数には、関数内の window オブジェクトを通じてアクセスでき、グローバル変数の値は直接変更できます。

  1. このキーワード

グローバル環境では、これはウィンドウ オブジェクトを指します。したがって、グローバル変数の値も this キーワードを使用して変更できます。例:

var a = 1; 
function test(){
  this.a = 2; //通过this关键字修改全局变量a的值
  console.log(a); //输出2
}
test();
console.log(a); //输出2
ログイン後にコピー
  1. グローバル オブジェクトの変更

グローバル変数は実際にはグローバル オブジェクトのプロパティであるため、グローバル変数の値はグローバル オブジェクトを通じて変更できます。ブラウザ環境では、グローバル オブジェクトはウィンドウ オブジェクトであり、Node.js 環境では、グローバル オブジェクトはグローバル オブジェクトです。例:

var a = 1; 
function test(){
  window.a = 2; //通过全局对象修改全局变量a的值
  console.log(a); //输出2
}
test();
console.log(a); //输出2(在浏览器环境下)
ログイン後にコピー

Node.js 環境では、グローバル オブジェクトを通じてグローバル変数の値を変更できます:

var a = 1;
function test(){
    global.a = 2; //通过全局对象修改全局变量a的值
    console.log(a); //输出2
}
test();
console.log(a); //输出2(在Node.js环境下)
ログイン後にコピー

3。 var を追加しない 変数を宣言する場合、定義された変数はグローバル変数であるため、変数の汚染や名前の重複の問題が容易に発生する可能性があるため、できるだけ避ける必要があります。

    関数内のグローバル変数を変更する場合は、プログラムの他の部分に影響を与える可能性のある副作用がないかどうかに注意する必要があります。
  1. グローバル変数はプログラムで頻繁に使用されるため、プログラムの読みやすさと保守性を容易にするために定義時に標準化する必要があります。
  2. つまり、JavaScript のグローバル変数は、プログラミングで最もよく使用される変数の種類の 1 つであり、その値を正しく変更する方法も、プログラミングの効率とコードの品質を向上させるための鍵の 1 つです。上記の方法は JavaScript でグローバル変数を変更する主な方法ですが、実際の開発ニーズを組み合わせて、使い方をよりよくマスターするにはさらに練習する必要があります。

以上がJavaScriptでグローバル変数を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート