Javascript
 Computer >> コンピューター >  >> プログラミング >> Javascript

JavaScriptで変数を定義するさまざまな方法

JavaScriptで変数を定義する方法は3つあります-

  • しましょう −2015年に導入されたJavaScriptLetキーワードを使用すると、ブロックスコープの変数を定義できます。 letを使用して宣言された変数は引き上げられません。
  • var − JavaScript varキーワードは、関数スコープの変数を作成するために使用され、引き上げられます。
  • const − const宣言は、他の値に再割り当てしたり、後で再宣言したりできない変数を作成します。 ES2015で導入されました。 constを使用して宣言された変数は引き上げられません。

以下は、let、var、const-

を使用してJavaScriptで変数を定義するコードです。

例

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Document</title>
<style>
   body {
      font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif;
   }
   .result {
      font-size: 18px;
      font-weight: 500;
      color: blueviolet;
   }
</style>
</head>
<body>
<h1>Define variable in JavaScript</h1>
<div class="result"></div>
<button class="Btn">Click here</button>
<h3>
Click on the above button to declare variables using let, const and var and access them;
</h3>
<script>
   let BtnEle = document.querySelector(".Btn");
   let resEle = document.querySelector(".result");
   BtnEle.addEventListener("click", () => {
      resEle.innerHTML = "a = " + a + "<br>";
      try {
         resEle.innerHTML += "b = " + b;
      } catch (err) {
         resEle.innerHTML += err + "<br>";
      }
      try {
         resEle.innerHTML += "c = " + c;
      } catch (err) {
         resEle.innerHTML += err + "<br>";
      }
      var a = 22;
      let b = 44;
      const c = 99;
      try {
         c = 44;
      } catch (err) {
         resEle.innerHTML += err + "<br>";
      }
   });
</script>
</body>
</html>

出力

JavaScriptで変数を定義するさまざまな方法

[ここをクリック]ボタンをクリックすると-

JavaScriptで変数を定義するさまざまな方法


  1. JavaScript-変数でオブジェクトキーを設定します

    オブジェクトキーを変数で設定するには、コードは次のとおりです- 例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>Document</title> <style>   &

  2. JavaScriptで配列を空にする方法の数

    JavaScriptで配列を空にするには、4つの方法があります- 新しいアレイへの設定 −これでは、配列変数を新しい空の配列に設定します。 長さプロパティの使用 −これでは、配列の長さプロパティを0に設定します。 ポップの使用 −これでは、長さが0に達するまで配列要素を連続的にポップします。 スプライスの使用 −ここでは、開始インデックスを0とし、削除する要素の数をarray.length-1とします。 以下は、noを表示するコードです。 JavaScriptで配列を空にする方法の例- 例 <!DOCTYPE html> <html lang="en"