freeCodeCamp/guide/chinese/javascript/tutorials/declare-javascript-variables/index.md

2.8 KiB
Raw Blame History

title localeTitle
Declare Variables 声明变量

声明变量

JavaScript变量声明可以分为三个不同的组件变量类型变量名称和变量值。

    var myName = "Rafael"; 

让我们将上面的代码行分解为构成它的部分:

    var/const/let 

JavaScript变量可以有三种声明类型varconst和let。 Var类型变量是全局的如果在函数外部声明它们可以被任何JS文件或控制台访问并且如果在函数内创建它们则无论块范围如何都可以访问它们。令型变量的范围受限于它们的块。请参阅下面的示例了解差异。

     function varTest() { 
      var x = 1; 
      if (true) { 
        var x = 2;  // same variable! 
        console.log(x);  // 2 
      } 
      console.log(x);  // 2 
    } 
 
    function letTest() { 
      let x = 1; 
      if (true) { 
        let x = 2;  // different variable 
        console.log(x);  // 2 
      } 
      console.log(x);  // 1 
    } 

Const类型变量与let变量块作用域具有相同的作用域但是是不可变的。无论要赋值const-type变量的值是什么都必须在声明变量时发生如果稍后更改变量JavaScript将抛出错误。

    const genre = "non-fiction"; 
    console.log(genre); // "non-fiction"; 
    genre = "fantasy"; // error 

现在我们可以确定变量类型是什么,让我们来看看名称。 JavaScript变量名以camel case格式编写。驼峰案例的一个例子是: camelCase 。在我们的例子中:

    myName 

该名称也是我们稍后将再次访问该变量:

    console.log(myName); // "Rafael" 

最后,我们的价值:

    "Rafael" 

JavaScript是动态类型的这意味着任何给定的变量都可以在任何给定时间表示任何给定的数据类型。例如

    var example = "This is an example"; 
    example = [0, 1, 2, 3] 
    example = {test: "Result"} 
    example = 5 

所有这些语句都是完全有效的 - JavaScript变量可以从字符串跳转到数组从对象跳转到整数。

将对象声明为const

如上所述const变量是不可变的意味着在声明时分配给这样的变量的值不能更新但是在使用const的对象声明的情况下有一点需要注意。类型const的对象也不能在定义后更新但对象cab的属性是。例如。

    const Car1 = { 
        name: 'BMW', 
        model: 'X1', 
        color: 'black' 
    } 

在这里,我们无法更新对象,但我们可以通过点(。)运算符访问来更新属性,如下所示。

    Car1.color = 'Red'; 
    console.log(Car1); 
    O/P - {name: "BMW", model: "X1", color: "Red"} 

如果我们需要将enitre对象设为不可变包括属性那么我们必须使用freeze方法。