浅谈js中变量初始化

在JavaScript中声明变量时，可以选择是否初始化变量，即为变量分配一个初始值。如果我们忘记为变量分配初始值，则变量的初始值将为undefined。

为什么要初始化变量？

初始化变量可以确保在使用变量之前，变量已经存储了一个值，从而减少出现意外错误的可能。在变量的使用中，确保它们拥有正确的初始值是良好的编程习惯。

变量定义时进行初始化

变量定义时进行初始化是一种常见的模式。在变量声明时，可以在变量名后面使用等号=将一个值赋给变量。

let name = 'Tom';
let age = 18;
const height = 1.7;

也可以在一行中定义多个变量，并使用相对应的初始值来初始化它们。

let x = 0, y = 0, z = 0;

动态初始化变量

变量在定义时并不一定需要初始值。如果初始值未知、还需要从其他地方获取，可以在变量使用之前进行赋值。

let num;
let arr = [];

num = 5;
arr.push('a');

还可以通过函数声明动态初始化变量。

function initializeVariable() {
  return Math.random() * 100;
}

let randomNum = initializeVariable();

示例1：检查变量是否初始化

let arr;

if (arr === undefined) {
  console.log('arr未初始化');
}
else {
  console.log('arr已初始化：' + arr);
}

在这个示例中，将声明一个数组arr但并没有给它一个开始的值。接下来，将通过检查arr是否等于undefined来检查它是否已经初始化。

如果arr没有被初始化，arr的值将是undefined，因此条件arr === undefined将是true，并输出arr未初始化。

示例2：使用动态初始化

let num;

function setRandomNum() {
  num = Math.random() * 100;
}

console.log(num); // Output: undefined

setRandomNum();

console.log(num); // Output: num的值已经通过函数初始化了

在这个示例中，将声明一个数字num，但是没有为它分配初始值。随后定义了一个函数setRandomNum()，它的作用是生成一个介于0到100之间的随机数，并把结果保存在变量num中。

在变量未初始化之前，将打印undefined。调用setRandomNum()函数后，变量num将被赋予函数生成的随机数，并可以通过console.log输出该变量的值。

总结

变量初始化是确保在使用变量之前变量拥有正确初始值的一种重要方式。在声明一个变量时可以一起初始化，也可以在之后的代码中动态初始化。为变量分配初始值可以避免在使用变量时出现意外错误。