ホームページ  >  記事  >  ウェブフロントエンド  >  さまざまな方法で JavaScript で変数を宣言する方法を説明します

さまざまな方法で JavaScript で変数を宣言する方法を説明します

藏色散人
藏色散人オリジナル
2021-08-17 14:13:512073ブラウズ

前回の記事「指定した数以上の配列要素をjsで返す方法」で、指定した数以上の配列要素をjsで返す方法を紹介しましたので、興味のある方は参考にしてみてください。 ~

それでは、この記事のテーマは、JavaScript でさまざまな方法で変数を宣言する方法を説明することです。

まず第一に、JavaScript では、さまざまなキーワードを使用してさまざまな方法で変数を宣言できることを皆さんも知っておく必要があります。結局のところ、JavaScript では各キーワードにいくつかの特定の機能があり、基本的に変数は次のように宣言されます。 var、let、const キーワードを使用した 3 つの異なる方法があり、各キーワードは特定の条件下で使用されます。

注: 2015 年以前は、JavaScript 変数の宣言に var キーワードを使用していましたが、ES2015 (ES6) では 2 つの重要な JavaScript キーワード let と const が追加されました。

最初の方法var:

var:このキーワードは変数をグローバルに宣言するために使用されます。キーワードを使用して変数を宣言すると、その変数にグローバルにアクセスして変更することもできます。

注: これは短いコードに適しています。

構文は次のとおりです:

var variableName = "Variable-Value;"

var を使用して変数を宣言する例:

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8 />
    <title></title>
</head>
<body>

<script>

    var geeks = "I love PHP中文网";
    console.log(geeks);

</script>
</body>
</html>

は、以下に示すように、「I love PHP Chinese website」を出力します。

さまざまな方法で JavaScript で変数を宣言する方法を説明します

2 番目の方法let

let: このキーワードは次のように使用されます。ローカルで変数を宣言する場合、このキーワードを使用して変数を宣言すると、その変数はローカルでアクセス可能になり、変更可能になります。

注: let で宣言された変数は、let コマンドが配置されているコード ブロック内でのみ有効です。

構文:

let variableName = "Variable-Value;"

let による変数宣言の例:

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8 />
    <title></title>
</head>
<body>

<script>

    if (true) {

        let geeks = "I love PHP中文网";

        console.log(geeks);

    }
    

    /* 显示未定义错误 */

    console.log(geeks);

</script>
</body>
</html>

出力:

さまざまな方法で JavaScript で変数を宣言する方法を説明します

3 番目の方法const:

const: このキーワードは変数をグローバルに宣言するために使用されます。このキーワードを使用して変数を宣言すると、その変数はグローバルにアクセス可能になり、変更できなくなります。

注: const は読み取り専用の定数を宣言します。一度宣言すると、定数の値は変更できません。

文法:

const variableName = "Variable-Value;"

const による変数宣言の例:

<!DOCTYPE html>
<html>
<head>
    <meta charset=utf-8 />
    <title></title>
</head>
<body>

<script>
    const geeks = "I love PHP中文网";

    console.log(geeks);

</script>
</body>
</html>

出力:

さまざまな方法で JavaScript で変数を宣言する方法を説明します

最後に皆さんに推奨「JavaScript 基礎チュートリアル」~皆さんもぜひ学習してください~

以上がさまざまな方法で JavaScript で変数を宣言する方法を説明しますの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。