JavaScript变量详解

JavaScript变量是指在程序中用来存储数据的容器。在JavaScript中，变量的声明需要使用关键字var、let或const来标识。

1. 变量声明和赋值

变量声明和赋值可以在同一行完成，也可以分开进行。

使用var声明变量：

var age;
age = 30;

或者在同一行完成：

var age = 30;

使用let声明变量：

let age;
age = 30;

或者在同一行完成：

let age = 30;

使用const声明变量：

const age = 30;

注意：在使用const声明变量时，必须在声明时就对其进行赋值，不能再后面进行赋值。

2. 变量的数据类型

JavaScript变量可以存储不同的数据类型，包括：

• 字符串（String）
• 数字（Number）
• 布尔值（Boolean）
• 数组（Array）
• 对象（Object）
• 空（null）
• 未定义（undefined）

var name = "John"; // 字符串
var age = 30; // 数字
var isMale = true; // 布尔值
var fruits = ['apple', 'banana', 'orange']; // 数组
var person = { name: 'John', age: 30, isMale: true }; // 对象
var empty = null; // 空
var notDefined; // 未定义

3. 变量的作用域

变量的作用域是指变量在哪个范围内可以被访问。JavaScript中有全局作用域和局部作用域。

全局作用域的变量可以在整个JavaScript代码中被访问。

var age = 30; // 全局作用域

function getAge() {
  console.log(age); // 30
}
getAge();

局部作用域的变量只能在函数内部访问。

function getAge() {
  var age = 30; // 局部作用域
  console.log(age); // 30
}
getAge();
console.log(age); // 抛出异常，age is not defined（未定义变量）

4. 变量的命名规则

变量名必须是字母、数字、下划线或美元符号的任意组合。

变量名不能以数字开头。

变量名应该具有描述性，帮助代码的可读性和可维护性。

变量名应该遵循小驼峰命名法（camelCase）约定。

var myName = "John"; // 正确
var my_age = 30; // 正确，但不够清晰
var 1name = "John"; // 错误，不能以数字开头

上述就是关于JavaScript变量的完整攻略，对于初学者来说，前期应熟练掌握变量的声明、赋值、数据类型和作用域等基础内容，通过练习和实践加深理解，并遵循变量命名规则，写出具有可读性的代码。

附代码示例：

var name = "John";
let age = 30;
const isMale = true;
let fruits = ['apple', 'banana', 'orange'];
const person = { name: 'John', age: 30, isMale: true };
let empty = null;
let notDefined;

function getAge() {
  var age = 30;
  console.log(age);
}
getAge();
console.log(name);
console.log(age); // 抛出异常，age is not defined
console.log(isMale);
console.log(fruits);
console.log(person);
console.log(empty);
console.log(notDefined); // undefined

var myName = "John";
var my_age = 30;