js基础变量怎么看

JavaScript基础变量的理解主要体现在以下几个方面：变量声明与赋值、数据类型、作用域与生命周期、变量提升。 其中，数据类型是理解JavaScript变量的核心。JavaScript是一种动态类型语言，这意味着变量可以持有不同类型的数据并且可以在运行时改变其类型。

一、变量声明与赋值

JavaScript中变量的声明和赋值是理解变量的基础。常见的声明方式包括var、let和const。

1.1 `var`声明

var是JavaScript中最早的变量声明方式，它有函数作用域，但没有块作用域。var声明的变量可以在其声明之前使用，这是因为JavaScript存在变量提升机制。

console.log(a); // 输出undefined
var a = 10;
console.log(a); // 输出10

1.2 `let`声明

let是ES6引入的声明方式，它有块作用域，避免了var的一些问题，比如变量提升和全局污染。

{
  let b = 20;
  console.log(b); // 输出20
}
console.log(b); // 报错，b未定义

1.3 `const`声明

const也是ES6引入的，它声明一个常量，意味着变量的值一旦被赋值后就不能再改变。同样，const也具有块作用域。

const c = 30;
c = 40; // 报错，不能对const变量重新赋值

二、数据类型

JavaScript的变量可以持有各种类型的数据，包括原始数据类型和对象类型。

2.1 原始数据类型

JavaScript的原始数据类型包括：Number、String、Boolean、Undefined、Null、Symbol和BigInt。

Number: 包括整数和浮点数。

let num = 42;
let floatNum = 3.14;

String: 表示文本数据。

let str = "Hello, World!";

Boolean: 只有两个值：true和false。

let isTrue = true;

Undefined: 变量未赋值时的类型。

let undefinedVar;
console.log(undefinedVar); // 输出undefined

Null: 表示空值。

let nullVar = null;

Symbol: ES6引入的一种独特且不可变的数据类型。

let symbol = Symbol("unique");

BigInt: ES11引入的，可以表示任意大的整数。

let bigInt = 1234567890123456789012345678901234567890n;

2.2 对象类型

JavaScript中的对象类型是引用类型，包括：Object、Array、Function等。

Object: 最基本的对象类型。

let obj = { name: "John", age: 30 };

Array: 有序集合。

let arr = [1, 2, 3, 4, 5];

Function: 可调用的代码块。

function greet() {
  console.log("Hello, World!");
}

三、作用域与生命周期

作用域决定了变量的可访问性，而生命周期决定了变量存在的时间。

3.1 全局作用域

在全局作用域中声明的变量在整个程序中都可以访问。

var globalVar = "I'm global";
console.log(globalVar); // 输出"I'm global"

3.2 函数作用域

在函数内部声明的变量只能在函数内部访问。

function myFunction() {
  var functionVar = "I'm local";
  console.log(functionVar); // 输出"I'm local"
}
console.log(functionVar); // 报错，functionVar未定义

3.3 块作用域

let和const声明的变量具有块作用域，只能在声明它们的块中访问。

{
  let blockVar = "I'm block scoped";
  console.log(blockVar); // 输出"I'm block scoped"
}
console.log(blockVar); // 报错，blockVar未定义

四、变量提升

变量提升是指JavaScript在执行代码之前，会将所有变量的声明提升到代码的顶部。

4.1 变量提升示例

console.log(hoistedVar); // 输出undefined
var hoistedVar = "I'm hoisted";

4.2 `let`和`const`的提升

尽管let和const声明的变量也会被提升，但在提升的过程中不会初始化，因此在声明之前访问它们会报错。

console.log(hoistedLet); // 报错，hoistedLet未定义
let hoistedLet = "I'm not hoisted";

通过理解变量声明与赋值、数据类型、作用域与生命周期以及变量提升，我们可以更好地掌握JavaScript基础变量的使用和管理。在实际开发中，这些知识点能够帮助我们编写出更加高效和健壮的代码。如果您需要更复杂的项目管理，可以使用研发项目管理系统PingCode或者通用项目协作软件Worktile，这些工具可以帮助您更好地管理项目和团队。