JavaScript を使用して関数内のグローバル変数の値を変更するにはどうすればよいですか?

WBOY
リリース: 2023-09-15 12:37:11
転載
1582 人が閲覧しました

如何使用 JavaScript 更改函数内部全局变量的值?

両方のタイプの変数は、アクセス スコープのコンテキストで任意のプログラミング言語で宣言できます。 ローカル変数とグローバル変数。

グローバル スコープ変数 - グローバル スコープ変数は、コード ファイル内でグローバルに宣言された変数であり、ファイル内の任意のコード ブロックまたは関数からアクセスできます。これらの変数のスコープはグローバルです。

ローカル スコープ変数 - これらは関数またはコードの特定のブロック内で宣言された変数であり、そのコード ブロックの外ではなく、その特定のコード ブロック内でのみアクセスまたは使用できます。これらの変数のスコープはコードの特定のブロックに制限されているため、これらの変数はローカル スコープの変数です。

この記事では、JavaScript を使用して関数内のコード ファイル内のグローバル変数の値を変更する方法を学習します。

JavaScript を使用して関数内のグローバル変数の値を変更するのは非常に簡単です。 JavaScript では、次の 2 つの方法でグローバル変数の値を変更できます -

  • 値を直接変更します。

  • 値を変更するには、角かっこ構文を使用します。

コード例を使用して、これらのメソッドの実際の実装を詳しく理解しましょう。

値を直接変更します

この方法では、グローバル変数の値を直接変更し、グローバル変数の名前を使用して値を割り当てることができます。

###文法###

次の構文は、グローバル変数の値に直接アクセスして変更する方法を理解するのに役立ちます -

リーリー

JavaScript コード例を使用して、このメソッドの実際の実装を見てみましょう。

###アルゴリズム###

ステップ 1
    - 最初のステップでは、タイプ属性値が数値である 2 つの異なる入力要素を HTML ドキュメントに追加し、ユーザーから 2 つの数値入力を取得します。選択。
  • ステップ 2
  • - 次のステップでは、ボタン要素をドキュメントに追加し、onclick イベントを使用します。このイベントは関数を受け取り、ユーザーがボタンをクリックしたときにその関数を呼び出します。 p>
  • ステップ 3

  • - 3 番目のステップでは、JavaScript 関数を定義し、それを前のステップで追加したボタンの onclick イベントに値として割り当てます。
  • ステップ 4
  • - このステップでは、ユーザーが入力要素に入力した値を取得し、これら 2 つの値の積を使用してグローバル変数の値を変更します。これらの操作はすべて、前の手順で宣言された関数内で実行されます。
  • ###例### 次の例では、JavaScript を使用して関数内のグローバル変数の値を変更する方法を説明します -

    リーリー
  • 上記の例では、グローバル変数
globe

の値を

8

からグローバル変数

globe

の値に変更していることが明確にわかります。関数内の名前付き changeVal () で毎回ユーザーが実行します。 値を変更するための大括弧の構文 これは、JavaScript を使用して関数内のグローバル変数の値を変更する別の方法または構文です。このメソッドでは、変数に直接アクセスする代わりに、角括弧構文を使用してその値にアクセスし、変更します。

###文法###

次の構文は、角かっこ構文を使用してグローバル変数の値にアクセスし、その値を変更する方法を示しています -

リーリー

実際にこのメソッドを実装し、コード例のグローバル変数の値を変更してみましょう。

###アルゴリズム###

この例のアルゴリズムは、前の例のアルゴリズムと似ています。関数内の変数にアクセスするための構文を直接構文から角括弧構文に変更するだけです。以下の例は、行う必要がある変更を詳しく理解するのに役立ちます。

###例###

次の例は、角括弧構文を使用してグローバル構文の値にアクセスし、その値を変更する方法を示しています -

リーリー

この例では、角括弧構文を使用してグローバル変数

globe

の値にアクセスし、その値を初期値から 2 つの入力数値の積に変更します。

この記事では、グローバル変数の値を初期値から新しい値に変更する 2 つの異なる方法について学びました。実際の実装を理解するために、各メソッドのコード例を使用して両方のメソッドについて詳しく説明します。

以上がJavaScript を使用して関数内のグローバル変数の値を変更するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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