为你剖析JS数据的存储，揭秘影响数据正确使用的核心知识点

2023-11-28 17:13:13

JS数据存储：全面指南

了解JS数据的存储方式至关重要

在JS的世界里，数据存储是至关重要的，它直接影响着数据的正确使用。掌握JS数据的存储方式，值类型和引用类型的数据有不同的存储方式，需要根据数据类型选择合适的存储方式。

值类型：数据直接存储在变量中

值类型的数据直接存储在变量中，变量的值就是数据的本身。常见的JS值类型包括数字、字符串、布尔值、undefined和null。

let num = 10; // 值类型：数字
let str = "Hello World"; // 值类型：字符串
let bool = true; // 值类型：布尔值

引用类型：变量存储的是数据的地址

引用类型的数据存储在内存中，变量中存储的是该数据的地址，而不是数据本身。常见的JS引用类型包括对象、数组和函数。

let obj = { name: "John Doe" }; // 引用类型：对象
let arr = [1, 2, 3]; // 引用类型：数组
let func = function () { console.log("Hello World"); }; // 引用类型：函数

JS中的作用域：变量和函数的作用范围

JS的作用域决定了变量或函数的访问范围，需要根据变量或函数的使用范围选择合适的声明方式。

全局作用域：整个程序都可以访问

全局作用域是整个程序都可以访问的作用域。在全局作用域中声明的变量或函数，可以在程序的任何地方访问。

let globalVar = 10; // 全局变量

function globalFunc() {
  console.log("Hello World"); // 全局函数
}

局部作用域：函数内部的作用域

局部作用域是函数内部的作用域。在局部作用域中声明的变量或函数，只能在该函数内部访问。

function localFunc() {
  let localVar = 20; // 局部变量

  console.log(localVar); // 局部函数
}

localFunc(); // 输出：20
console.log(localVar); // 错误：localVar 在全局作用域中不可访问

JS中的作用域链：变量查找的顺序

JS中的作用域链决定了变量或函数查找变量时的搜索顺序，需要根据作用域链来正确使用变量或函数。

作用域链的查找顺序如下：

当前作用域
父级作用域
再上一级作用域
以此类推，直到找到该变量或达到全局作用域

let globalVar = 10;

function parentFunc() {
  let parentVar = 20;

  function childFunc() {
    let childVar = 30;

    console.log(childVar); // 输出：30
    console.log(parentVar); // 输出：20
    console.log(globalVar); // 输出：10
  }

  childFunc();
}

parentFunc();