96SEO 2026-07-02 22:36 0
学习 JavaScript 绕不开数据类型和内存存储机制,这也是前端基础面试高频考点。hen多同学分不清
本文结合实战代码 + 内存原理 + 场景解析,完整梳理 JS 八大数据类型、栈 / 堆内存分配、赋值机制、常见坑点,适合日常复习与查漏补缺。null 和 
按照 ECMA- 规范,目前 JavaScript 一共分为 八种数据类型,整体划分为 ** 原始数据类型和引用数据类型** 两大类。
原始数据类型共 七种,ES6 之后新增 Symbol 和 BigInt咱就是说这两个新加的类型挺有用的,你懂的。
// 基本类型示例let num = 42; // Numberlet str = 'hello'; // Stringlet bool = true; // Booleanlet sym = Symbol; // Symbollet bigInt = 123n; // BigIntlet undef = undefined; // Undefinedlet nul = null; // Null
null 类型详解
null 表示有意设置为空,表示此处本该有一个对象引用,但现在主动置空。害,这个概念挺微妙的。 null 的经典链表场景:
// 为什么百度不收录我的网站呢?是不是内容质量不够高啊?应该多写一些实用、有深度的内容,多Zuo些外链... // 对了还有页面体验也hen重要!咱就是说要是加载慢或者用户体验差,那肯定不行啊!说实话,这dou是老生常谈了但还是有hen多新手容易忽略这些细节问题... 根据内存存储规则,两种数据类型的赋值行为完全不同。
原始类型赋值是复制一份全新的值给新变量,两者互不干扰:
null 和 // 超大数组,占用大量堆内存let largeObject = { data: new Array.fill}largeObject = null; // 栈中地址置空,堆中大数据失去引用,会被垃圾回收console.log; // null,hen明显被置空了
null 的常见场景:标记对象 / 链表无后续节点等
node.next = null;let node = { value: 1, next: null}console.log; // null,表示没有下一个节点,说实话挺直观的。
null 表示主动定义的 “空对象占位”
let obj = { name: '吴咸鸡', address: null // 主动设置:地址字段目前为空}console.log; // null,hen好理解吧。
. undefined 未定义类型解析
. undefined 的语义与使用场景
let a;
console.log;
// undefined hen正常,因为 a 没赋值嘛。
// 访问对象不存在的属性
let obj = {};
console.log;
// undefined,因为 name 属性根本不存在
// 访问数组不存在的索引
let arr = ;
console.log;
// undefined,当然是 undefined 了因为 arr 就三个元素,哪有索引为10的啊?
function foo {}
// 函数没有 return,默认返回 undefined
console.log);
// undefined,这hen正常吧,不对不对,应该说hen符合预期!
理解数据类型,必先搞懂 JS 内存划分,这也是赋值差异的根本原因。
计算机运行代码时代码从硬盘加载到内存,内存主要分为栈内存和堆内存
存储内容
存储特点
示例
栈内存
存储原始类型数据和引用类型的地址指针
let num = 42; num的值直接存栈里
堆内存
存储引用类型数据,如对象、数组等
let obj = {name: 'xll'}; 对象存堆里栈存其地址javascript
let a = null;
let b = a;
b = 'changed';
console.log;
// null,因为 a 和 b 是两个独立的值。
不对不对,这里补充一下为啥 a 不跟着变?因为原始类型的赋值是在栈里直接拷贝一份全新值,两者毫不相关,你改你的,我我还是我!
再kankan引用类型的赋值:
javascript
let obj1 = {name: 'xll'};
let obj2 = obj1;
obj2.age = 18;
console.log;
// 输出18!因为两者指向同一个堆对象。
原理hen简单:obj1和obj2在栈里存的是同一个堆地址,你改堆里的对象内容,当然两者dou“kan见”了变化!
总之呢,了解 JS 数据类型和内存原理,对于写出高质量代码至关重要!你 get 了吗?
作为专业的SEO优化服务提供商,我们致力于通过科学、系统的搜索引擎优化策略,帮助企业在百度、Google等搜索引擎中获得更高的排名和流量。我们的服务涵盖网站结构优化、内容优化、技术SEO和链接建设等多个维度。
| 服务项目 | 基础套餐 | 标准套餐 | 高级定制 |
|---|---|---|---|
| 关键词优化数量 | 10-20个核心词 | 30-50个核心词+长尾词 | 80-150个全方位覆盖 |
| 内容优化 | 基础页面优化 | 全站内容优化+每月5篇原创 | 个性化内容策略+每月15篇原创 |
| 技术SEO | 基本技术检查 | 全面技术优化+移动适配 | 深度技术重构+性能优化 |
| 外链建设 | 每月5-10条 | 每月20-30条高质量外链 | 每月50+条多渠道外链 |
| 数据报告 | 月度基础报告 | 双周详细报告+分析 | 每周深度报告+策略调整 |
| 效果保障 | 3-6个月见效 | 2-4个月见效 | 1-3个月快速见效 |
我们的SEO优化服务遵循科学严谨的流程,确保每一步都基于数据分析和行业最佳实践:
全面检测网站技术问题、内容质量、竞争对手情况,制定个性化优化方案。
基于用户搜索意图和商业目标,制定全面的关键词矩阵和布局策略。
解决网站技术问题,优化网站结构,提升页面速度和移动端体验。
创作高质量原创内容,优化现有页面,建立内容更新机制。
获取高质量外部链接,建立品牌在线影响力,提升网站权威度。
持续监控排名、流量和转化数据,根据效果调整优化策略。
基于我们服务的客户数据统计,平均优化效果如下:
我们坚信,真正的SEO优化不仅仅是追求排名,而是通过提供优质内容、优化用户体验、建立网站权威,最终实现可持续的业务增长。我们的目标是与客户建立长期合作关系,共同成长。
Demand feedback