如何在JavaScript中声明变量

使用变量是作为JavaScript程序员学习的第一件事。 JavaScript在Web开发中被广泛使用，因此建立良好的知识基础很重要。

在JavaScript中声明变量很容易，因为它是开发人员友好的语言。挑战在于用于创建变量的关键字。这些关键字中有3个，每个关键字都会给您带来不同的结果。

如果您知道所有三种声明变量的方式，则可以为您的应用做出正确的决定。让我们研究这三个关键字，它们如何工作以及何时使用。

声明JavaScript变量的三种方法

有三个关键字用于声明变量在JavaScript中：

  • var
  • let
  • const

    • 这很容易编写代码JavaScript中的变量。例如，以下是使用 var 关键字的方法：

    var myVariable = 15;

    这些新方法是使用JavaScript ES6建立的。在了解它们的工作方式之前，先对一些常见的编程术语有所了解。

    关键术语

    变量范围是程序的哪些部分可以看到变量。一些变量的范围将受到限制，其他变量可用于整个程序。整个程序可用的变量具有全局作用域。

    您需要了解作用域规则。随着程序的变大，您将使用更多的变量。失去作用域可能会导致程序错误。

    用JavaScript创建的函数使用花括号。花括号内的代码称为 block ，您可以在函数内嵌套任意数量的块。

    了解代码块是了解每个代码块的关键可变类型的作品。这是一个使用JavaScript函数的可视块示例。

    function blockTest(){//This is a block     {       //This is a nested block     }};

    牢记这一点，让我们学习一下JavaScript变量！

    1。 JavaScript变量：var

    当您使用 var 声明变量时，变量的范围是：

  • 如果在函数内部声明：封闭函数
  • 如果在函数外部声明：全局范围

    • 这是带有 var 的基本变量声明。代码中有一些注释可帮助您指导这些定义。

    var test = 5; //Variable declarationfunction varTest(){ console.log(test); //This prints the variable};varTest();>> 5

    在此示例中，变量 test 用 var 声明并分配了值为5。函数 varTest（）在控制台中打印变量。该函数的输出为5。

    该变量是在函数外部声明的，因此具有全局作用域。即使未在函数内声明变量 test ，它也可以正常工作。

    如果在函数内更改变量，程序将产生不同的结果。

    var test = 5; function varTest(){ var test = 10;console.log(test); };varTest();>> 10

    更新后的函数在函数内部声明了变量 test ，控制台将读取新值（10）。变量是在函数内部声明的，因此块作用域将覆盖全局作用域。

    如果不运行函数就单独打印变量：

    console.log(test);>> 5

    您将获得全局变量。

    2。 JavaScript变量：让

    使用 let 声明变量可以为它们提供更具体的范围。使用 let 声明的变量的作用域仅限于声明它们的块。

    这是一个具有多个块的函数，它将有助于显示 var 和 let 。

    Here is a function that uses var inside multiple blocks. Take a look at the code and see if you can figure out what is going on.

    function varTest(){var test = 5;     {       var test = 10;       console.log(test);     }console.log(test);};
    varTest();>> 10>> 10

    两个输出均为10。

    用 var 声明的变量可用于整个功能。在第一个块中将变量test声明为5。在第二个块中，变量更改为10。

    这将更改整个函数的变量。程序到达第二个 console.log（）时，变量已更改。

    以下是带有变量的注释的相同示例：

    function varTest(){var test = 5; // Variable created     {       var test = 10; //Variable changed, 5 is overriden       console.log(test); // 10     }console.log(test); // 10, The variable is now 10 for the entire function};

    下面是与 let 相同的示例，观察块内发生了什么。

    function letTest(){let test = 5;     {       let test = 10;       console.log(test);     }console.log(test);};
    letTest();>> 10>> 5

    结果已更改。这是带有注释的相同代码。我们将第一个块称为“块A"，将第二个块称为“块B"。

    function letTest(){let test = 5; // Variable created in Block A     {       let test = 10; // Variable created in Block B, this is a new variable       console.log(test); // Prints 10     }console.log(test); // Prints 5, since we're back to Block A};
    letTest();>> 10>> 5

    3。 JavaScript变量：Const

    使用 const 来声明变量像 let 一样是块作用域的。

    使用 const 声明变量时，无法重新分配该值。该变量也无法重新声明。这应该保留给程序中永远不变的重要变量。

    将 const 视为常量的简写。它是永久的，不会改变。如果您是从Java之类的另一种编程语言过来的，您可能已经熟悉此概念。

    让我们声明一个 const 变量并尝试一下。

    const permanent = 10;

    现在让我们尝试对变量进行一些更改，看看会发生什么。尝试更改变量的值：

    const permanent = 20;>> Uncaught SyntaxError: Identifier 'permanent' has already been declared

    该值无法更改，JavaScript在控制台中引发错误。让我们变得聪明一点，尝试使用一个新的变量关键字来更改值：

    let permanent = 20;>> Uncaught SyntaxError: Identifier 'permanent' has already been declared

    不过，更改该变量还是很幸运。带有新关键字的相同值怎么样？

    let permanent = 10;>> Uncaught SyntaxError: Identifier 'permanent' has already been declared

    这仍然无法正常工作。即使值是相同的，尝试更改关键字也会引发错误。

    使用 const 关键字就是所有这些。将其保存为需要在程序中保护的特殊变量。

    成为JavaScript专家

    本教程介绍了用于声明JavaScript变量的三个关键字。在您的整个Web开发生涯中，您会看到所有这三种类型，因此熟悉它很重要。

    还有很多东西要学习。了解什么是JavaScript及其工作原理。

    标签: JavaScript 编程语言