当前位置： 首页 > news >正文

JS较底层的用法，几类简单介绍

news 来源：原创 2025/8/3 3:49:57

JS较底层的用法

在 JavaScript 中，“偏底层”的用法通常是指更接近语言核心、规范、底层机制的特性。这些用法不是日常开发中最常见的，但对理解语言原理、优化性能或构建框架、库非常重要。下面是一些常见的“偏底层”用法或特性

1. 对象属性底层操作：Object.defineProperty()

可以定义属性的细粒度行为（是否可枚举、是否可写、是否可配置）

const obj = {};
Object.defineProperty(obj, 'hidden', {value: 'secret',enumerable: false,writable: false,configurable: false
});

2. 原型链控制：Object.create() 和手动设置 proto

const proto = { greet() { console.log('hi'); } };
const obj = Object.create(proto);
obj.greet(); // hi

3. 拦截对象操作：Proxy 和 Reflect

const target = {};
const proxy = new Proxy(target, {get(obj, prop) {console.log(`访问属性 ${prop}`);return Reflect.get(obj, prop);}
});proxy.name = 'Alice';
console.log(proxy.name); // 控制台会打印访问日志

4. 函数底层机制：call, apply, bind

function greet() {console.log(this.name);
}const user = { name: 'Tom' };
greet.call(user); // Tom

5. 作用域与闭包底层实现

function counter() {let count = 0;return function () {return ++count;}
}const c = counter();
c(); // 1
c(); // 2

6. 底层类型判断：Object.prototype.toString.call()

Object.prototype.toString.call([]);       // '[object Array]'
Object.prototype.toString.call(null);     // '[object Null]'
Object.prototype.toString.call(() => {}); // '[object Function]'

7. 字节操作：ArrayBuffer, DataView, TypedArray

const buffer = new ArrayBuffer(8);
const view = new DataView(buffer);
view.setInt32(0, 123456);
console.log(view.getInt32(0)); // 123456

8. Symbol 和隐藏属性

const secret = Symbol('secret');
const obj = {[secret]: 'hidden value'
};
console.log(Object.keys(obj)); // 不会列出 symbol 属性

9. 执行上下文与事件循环分析（例如微任务 vs 宏任务）

console.log('start');setTimeout(() => console.log('timeout'), 0);
Promise.resolve().then(() => console.log('promise'));console.log('end');
// 输出顺序：start → end → promise → timeout

10. 底层数据结构：Map, Set, WeakMap, WeakSet

当然！Map、Set、WeakMap、WeakSet 是 ES6 引入的底层数据结构，用于增强 JavaScript 的数据管理能力。它们解决了对象属性只能是字符串/符号、数组去重困难、内存泄漏风险等问题。以下是这四种结构的详细讲解和对比：

🗺️ Map：键值对集合（key-value）

特点
  • 键可以是任意类型（对象、函数、基本类型）
  • 按插入顺序迭代
  • 通常用于替代普通对象作为字典
常用方法
方法描述
set(key, value)添加键值对
get(key)获取值
has(key)是否存在该键
delete(key)删除键值对
clear()清空所有条目
size当前条目数量
示例
const map = new Map();
const objKey = { id: 1 };map.set(objKey, 'value');
console.log(map.get(objKey)); // 'value'
console.log(map.has(objKey)); // true

🔢 Set：值的集合（无重复元素）

特点
  • 值唯一，无重复
  • 任意类型都可以存储
  • 类似于数组但去重、查找更快
常用方法
方法描述
add(value)添加元素
has(value)是否存在该元素
delete(value)删除元素
clear()清空集合
size当前元素个数
示例
const set = new Set([1, 2, 2, 3]);
console.log(set); // Set {1, 2, 3}
set.add(4);
set.has(2); // true

🧩 WeakMap：弱引用键值对集合（key 只能是对象）

特点
  • key 必须是对象（不能是字符串、数字等）
  • 键是弱引用（不会阻止垃圾回收）
  • 无法遍历（没有 .keys()、.entries() 等）
  • 用于私有数据存储或DOM 元素绑定数据
常用方法
方法描述
set(obj, value)添加键值对
get(obj)获取值
has(obj)是否存在该键
delete(obj)删除键值对
示例
const wm = new WeakMap();
let obj = { name: 'temp' };wm.set(obj, 'some data');
console.log(wm.get(obj)); // 'some data'obj = null; // 被垃圾回收，WeakMap 也会清除这条记录

🔑 WeakSet：弱引用值的集合（value 只能是对象）

特点
  • 只能存储对象
  • 弱引用：对象被 GC 后自动移除
  • 不能遍历
常用方法
方法描述
add(obj)添加对象
has(obj)是否存在
delete(obj)删除对象
示例
const ws = new WeakSet();
let obj = { id: 1 };ws.add(obj);
console.log(ws.has(obj)); // trueobj = null; // 自动移除，无需手动 delete

🔍 四者对比总结

特性MapSetWeakMapWeakSet
存储结构key → valuevalueobject → valueobject
键是否可为对象✅✅✅（必须）✅（必须）
键是否为弱引用❌❌✅✅
是否可遍历✅✅❌❌
可用于缓存 / 私有存储✅（有限）❌✅（强烈推荐）✅（适用）

相关文章：

JS较底层的用法，几类简单介绍

JS较底层的用法 在 JavaScript 中，“偏底层”的用法通常是指更接近语言核心、规范、底层机制的特性。这些用法不是日常开发中最常见的，但对理解语言原理、优化性能或构建框架、库非常重要。下面是一些常见的“偏底层”用法或特性 1. 对象属性底层操作&am…...

编程日记 2025/8/3 3:49:57

当可视化遇上 CesiumJS：突破传统，打造前沿生产配套方案

CesiumJS 技术基础介绍 CesiumJS 是一款基于 JavaScript 的开源库，专门用于创建动态、交互式的地理空间可视化。它利用 WebGL 技术，能够在网页浏览器中流畅地渲染高分辨率的三维地球和地图场景。CesiumJS 支持多种地理空间数据格式，包括但不…...

编程日记 2025/8/3 3:48:12

使用python脚本连接SQL Server数据库导出表结构

一. 准备工作 Mac 系统安装freetds brew install freetds 安装pymssql pip3 install pymssql 二.导出指定表的结构： import pymssql# 配置数据库连接参数（根据实际情况修改） server # 内网服务器地址或IP database # 数据库名称…...

编程日记 2025/8/3 3:48:10

Docker基础入门

Docker核心概念 Docker 可以让开发者打包他们的应用以及依赖包到一个轻量级、可移植的容器中，然后发布到任何流行的 Linux 机器上，也可以实现虚拟化。 容器是完全使用沙箱机制，相互之间不会有任何接口（类似 iPhone 的 app&#…...

编程日记 2025/8/2 15:20:09

day011-权限管理专题

文章目录 1. 对比文件内容1.1 diff1.2 vimdiff 2. /etc/skel目录3. 权限基础4. 修改权限4.1 用数字权限修改4.2 用字母修改权限（ugo）4.3 修改文件所有者和用户组 5. 文件与目录权限6. permission denied 权限拒绝7. 特殊权限8. 特殊属性9. 思维导图 1. 对…...

编程日记 2025/8/2 18:09:00

ragflow报错：KeyError: ‘\n “序号“‘

环境： ragflowv 0.17.2 问题描述： ragflow报错：KeyError: ‘\n “序号”’ **1. 推荐表（输出json格式）** [{"},{},{"},{} ]raceback (most recent call last): May 08 20:06:09 VM-0-2-ubuntu ragflow-s…...

编程日记 2025/8/3 3:42:29

基于FPGA的PID控制器verilog实现,包含simulink对比模型

目录 1.课题概述 2.系统测试效果 3.核心程序与模型 4.系统原理简介 5.完整工程文件 1.课题概述 根据PID控制器的原理，设计FPGA的总体架构。通常包括误差计算模块、比例运算模块、积分运算模块、微分运算模块、加法器模块以及控制信号输出模块等。同时通过simul…...

编程日记 2025/8/3 3:41:40

互联网大厂Java面试实录：Spring Boot与微服务架构在电商场景中的应用解析

💪🏻 1. Python基础专栏，基础知识一网打尽，9.9元买不了吃亏，买不了上当。 Python从入门到精通 😁 2. 毕业设计专栏，毕业季咱们不慌忙，几百款毕业设计等你选。 ❤️ 3. Python爬虫专栏…...

编程日记 2025/8/3 0:38:33

前端开发实战：用React Hooks优化你的组件性能

问题背景 在前端开发中，React组件的性能优化是一个常见挑战。尤其是当组件逻辑复杂或数据频繁更新时，性能问题尤为突出。本文将介绍如何利用React Hooks（如useMemo和useCallback）来优化组件性能。 解决方案 useMemo：用…...

编程日记 2025/8/1 12:53:34

Kotlin 内联函数深度解析：从源码到实践优化

一、内联函数核心概念 1. 什么是内联函数？ 内联函数通过 inline 关键字修饰，其核心思想是：在编译时将函数体直接插入到调用处，而非进行传统的函数调用。这意味着： 消除了函数调用的栈帧创建、参数传递等开销。对 La…...

编程日记 2025/8/2 13:15:24

模拟太阳系（C#编写的maui跨平台项目源码）

源码下载地址：https://download.csdn.net/download/wgxds/90789056 本资源为用C#编写的maui跨平台项目源码，使用Visual Studio 2022开发环境，基于.net8.0框架，生成的程序为“模拟太阳系运行”。经测试，生成的程序可运行…...

编程日记 2025/7/31 11:52:16

python中的继承和多态

Python中的继承 继承中的一些基础的定义 继承是面向对象编程的三大特性之一，它允许一个类（子类）继承另一个类（父类）的属性和方法，从而实现代码的复用（继承的主要目的）和扩展。父类…...

编程日记 2025/7/29 20:54:46

【计算机视觉】3DDFA_V2中表情与姿态解耦及多任务平衡机制深度解析

3DDFA_V2中表情与姿态解耦及多任务平衡机制深度解析 1. 表情与姿态解耦的技术实现1.1 参数化建模基础1.2 解耦的核心机制1.2.1 基向量正交化设计1.2.2 网络架构设计1.2.3 损失函数设计 1.3 实现代码解析 2. 多任务联合学习的权重平衡2.1 任务定义与损失函数2.2 动态权重平衡策略…...

编程日记 2025/8/2 2:21:30

vue访问后端接口，实现用户注册

文章目录 一、后端接口文档二、前端代码请求响应工具调用后端API接口页面函数绑定单击事件，调用/api/user.js中的函数 三、参考视频 一、后端接口文档 二、前端代码 请求响应工具 /src/utils/request.js //定制请求的实例//导入axios npm install axios import …...

编程日记 2025/7/31 11:52:12

MySQL 从入门到精通（五）：索引深度解析 —— 性能优化的核心武器

目录 一、索引概述：数据库的 “目录” 1.1 什么是索引？ 1.2 索引的性能验证：用事实说话 实验环境准备 无索引查询耗时 有索引查询耗时 索引的 “空间换时间” 特性 二、索引的创建：三种核心方式 2.1 方式 1：C…...

编程日记 2025/8/3 1:44:46

湖北理元理律师事务所：债务优化如何实现还款与生活的平衡？

债务压力往往让债务人陷入“还款还是生存”的两难选择。湖北理元理律师事务所通过案例实践发现，科学规划的核心在于平衡法律义务与基本生活保障，而非单纯追求债务缩减。本文结合实务经验，解析债务优化的可行路径。 刚性需求优先：…...

编程日记 2025/8/1 20:55:46

Day21 奇异值分解（SVD）全面解析

一、奇异值分解概述 奇异值分解是线性代数中一个重要的矩阵分解方法，对于任何矩阵，无论是结构化数据转化成的“样本 * 特征”矩阵，还是天然以矩阵形式存在的图像数据，都能进行等价的奇异值分解（SVD）。 二…...

编程日记 2025/8/1 8:06:10

【vue】vuex实现组件间数据共享 vuex模块化编码 网络请求

目录 一、vuex实现组件间数据共享 二、 vuex模块化编码 三、网络请求 模块化命名空间小结: 总结不易~ 本章节对我有很大的收获， 希望对你也是！！！ 本节素材已上传Gitee：yihaohhh/我爱Vue - Gitee.comhttps://gitee.…...

编程日记 2025/8/1 19:45:58

红黑树删除的实现与四种情况的证明

🧭 学习重点 删除节点的三种情况红黑树如何恢复性质四种修复情况完整可运行的 C 实现 一、红黑树删除的基础理解 红黑树删除比插入复杂得多，因为： 删除的是黑节点可能会破坏“从根到叶子黑节点数相等”的性质。删除红节点无需修复&#xf…...

编程日记 2025/7/29 19:34:34

FHE与后量子密码学

1. 引言 近年来，关于 后量子密码学（PQC, Post-Quantum Cryptography） 的讨论愈发热烈。这是因为安全专家担心，一旦有人成功研发出量子计算机，会发生什么可怕的事情。由于 Shor 算法的存在，量子计算机将能够…...

编程日记 2025/7/29 19:34:32

使用FastAPI和React以及MongoDB构建全栈Web应用04 MongoDB快速入门

一、NoSQL 概述 1.1 了解关系数据库的局限性 Before diving into NoSQL, it’s essential to understand the challenges posed by traditional Relational Database Management Systems (RDBMS). While RDBMS have been the cornerstone of data management for decades, th…...

编程日记 2025/7/29 19:34:31

C++：this指针

class date { public:void f(int i){} } 以上是我们定义的一个简单的类，这个类里面含有一个简单的成员函数，成员函数看似只有一个参数，实际上是两个参数，除了参数i以外，还有一个指向调用该函数的对象的指针——this指…...

编程日记 2025/7/29 12:05:23

如何在postman使用时间戳

1. 使用 Pre-request Script 动态转换​ 在发送请求前，将日期字符串转为时间戳并存储为环境变量/全局变量。 ​示例代码​ // 将日期字符串（如 "2023-10-01"）转为时间戳（毫秒） const dateString "2…...

编程日记 2025/7/29 1:30:20

OCP开闭原则

OCP，software entities(modules,classes,functions,etc.)should be openfor extension, but closed for modification. 软件实体（模块、类和方法等）应该对扩展开发，对修改关闭。 OCP特点 提高可扩展性：新功能通过添…...

编程日记 2025/7/26 12:01:06

计算机网络：什么是Mesh组网以及都有哪些设备支持Mesh组网？

Mesh组网技术详解与实现工具推荐 Mesh组网是一种通过多个节点路由器协同工作，形成覆盖全屋的无线网络的技术。它通过动态路径调整、无缝漫游和自愈能力，解决传统单一路由器覆盖不足的问题，尤其适合大户型、多层住宅或复杂户型环境。以下是Mesh组网的核心原理、实现方式及推…...

编程日记 2025/8/3 1:16:03

STM32f103 标准库 零基础学习之点灯

前提：你已经下好了标准外设库，如果没有可以去找找教程 ST官网上可以下载 目录 前提：你已经下好了标准外设库，如果没有可以去找找教程 ST官网上可以下载 点灯逻辑 1. 定义 GPIO 初始化结构体 2. 开启GPIOA的时钟…...

编程日记 2025/8/1 16:57:38

uniapp使用ui.request 请求流式输出

正文： 在现代Web开发中，实时数据流和长时间运行的请求变得越来越常见，尤其是在处理大量数据或进行实时通信时。在这种情况下，uniapp 提供的 ui.request 请求方法可以帮助我们轻松实现流式输出请求。本文将介绍如何使用 uni.reques…...

编程日记 2025/7/29 21:51:12

MATLAB安装常见问题及解决方案详解（含代码示例）

MATLAB作为科学计算和工程分析的核心工具，其安装过程可能因操作系统版本、硬件配置或网络环境等因素而出现各种问题。本文基于MATLAB官方文档和社区经验，系统总结了安装过程中常见的问题，并提供详细的解决方案和代码示例，帮助用户…...

编程日记 2025/7/29 5:43:53

【Java ee初阶】网络编程 UDP socket

网络编程 socket api 是传输层提供的api。 UDP 无连接，不可靠传输，面向数据报，全双工。 TCP 有链接，可靠传输，面向字节流，全双工。 UDP socket api 数据报 DatagrammSocket 代表了操作系统中的socket文…...

编程日记 2025/7/30 21:51:40

BeanPostProcessor和AOP

BeanPostProcessor Spring中有一个接口Oredr的getOrder()方法，这个方法返回值是一个int类型，Spring容器会根据这个方法的返回值 对容器的多个Processor对象从小到大排序，创建Bean时候依次执行他们的方法，也就是说getOrder()方法的…...

编程日记 2025/7/31 16:17:47

django的权限角色管理(RBAC)

在 Django 中，User、Group 和 Permission 是权限系统的核心组件。下面通过代码示例演示它们的 CRUD（创建、读取、更新、删除） 操作： 一、User 模型 CRUD from django.contrib.auth.models import User# 创建用户 user User.obje…...

编程日记 2025/7/29 21:51:01

vue vite 无法热更新问题

一、在vue页面引入组件CustomEmployeesDialog，修改组件CustomEmployeesDialog无法热更新 引入方式： import CustomEmployeesDialog from ../dialog/customEmployeesDialog.vue 目录结构： 最后发现是引入import时，路径大小写与目…...

编程日记 2025/7/31 1:37:41

IBM BAW（原BPM升级版）使用教程第八讲

续前篇！ 一、流程开发功能模块使用逻辑和顺序 前面我们已经对 流程、用户界面、公开的自动化服务、服务、事件、团队、数据、性能、文件各个模块进行了详细讲解，现在统一进行全面统一讲解。 在 IBM Business Automation Workflow (BAW) 中，…...

编程日记 2025/7/29 21:50:57

202534 ｜ KafKa简介+应用场景+集群搭建+快速入门

Apache Kafka 简介 一、什么是 Kafka？ Apache Kafka 是一个高吞吐量、分布式、可扩展的流处理平台，用于构建实时数据管道和流应用程序。它最初由 LinkedIn 开发，并于 2011 年开源，目前由 Apache 软件基金会进行维护。 Kafka 具备…...

编程日记 2025/8/1 8:31:45

[思维模式-25]：《本质思考力》-6- 马克思主义哲学的五对基本哲学范畴，以及在计算机领域的体现

一、马克思主义哲学的五对基本哲学范畴， 马克思主义哲学的五对基本哲学范畴是内容与形式、现象与本质、原因与结果、必然性与偶然性、可能性与现实性，以下为具体分析： 内容与形式：组成元素 VS 组成结构 内容指构成事物内在要素的…...

编程日记 2025/7/29 21:50:52

6. 存储池配置与CephFS创建 ceph version 14.2.22

6. 存储池配置与CephFS创建 6.1 CRUSH规则管理6.2 纠删码配置6.3 为SSD和HDD创建专用CRUSH规则6.4 创建CephFS存储池6.5 验证存储池配置记录OSD盘符 所有节点都执行 7. 客户端挂载CephFS7.1 Ubuntu客户端配置7.2 使用内核驱动挂载7.3 设置开机自动挂载 说明：配置Cep…...

编程日记 2025/7/29 21:50:50

RocketMQ Kafka区别

架构 ZooKeeper：管理 Broker 注册、分区 Leader 选举及消费者组状态。Broker：存储 Partition数据，每个 Partition 为独立日志文件。Producer/Consumer：通过 ZooKeeper获取路由信息，实现消息分发与消费。 NameServer&am…...

编程日记 2025/7/29 21:50:48

linux和linux 、linux和windows实现文件复制笔记

前提：两设备得在同一局域网下,且启用了ssh 一、linux和linux实现文件复制 从 Ubuntu B 复制文件夹到 Ubuntu A 在 Ubuntu A 上打开终端，执行： scp -r userBubuntuB_IP:/home/userB/folder_to_copy /home/userA/destination/ 二、linux和…...

编程日记 2025/8/2 3:41:25

Flink 运维监控与指标采集实战

一、引言：实时任务为什么必须监控？ 在实时任务中，任务失败、数据延迟、资源瓶颈往往并非由明显的代码异常引发，而是隐蔽地潜藏在： Kafka 积压无告警 Flink Checkpoint 卡顿却无人知晓 反压、TaskManager 内存 OOM 未实时感知 为了保障业务 SLA、高可用与可观测性，构建完…...

编程日记 2025/8/3 1:12:05

linux 开发小技巧之git增加指令别名

众所周知，git的指令执行时都得敲好几个字符才能补充上来，比如常用的git status，是不是要将全部的字符一个个地在键盘敲上来，有没有更懒惰点办法，可以将经常用到的git命令通过其他的别名的方式填充，比如刚刚…...

编程日记 2025/7/30 22:19:42

【八股消消乐】项目中如何优化JVM内存分配？

😊你好，我是小航，一个正在变秃、变强的文艺倾年。 🔔本专栏《八股消消乐》旨在记录个人所背的八股文，包括Java/Go开发、Vue开发、系统架构、大模型开发、机器学习、深度学习、力扣算法等相关知识点，期待与你…...

编程日记 2025/8/2 0:47:16

操作系统实验习题解析 上篇

孤村落日残霞，轻烟老树寒鸦，一点飞鸿影下。 青山绿水，白草红叶黄花。 ————《天净沙秋》 白朴 【元】 目录 实验一： 代码： 解析： 运行结果： 实验二： 代码解析 1. 类设计 …...

编程日记 2025/8/3 0:17:36

Yocto中`${B}`变量的作用

在Yocto项目中，${B}是一个关键路径变量，用于指定构建目录（Build Directory），其作用是存放编译过程中生成的中间文件（如Makefile、目标文件、日志等），从而将构建产物与源码目录分离，保持源码环境的独立性^1。 具体解析： 定义与默认路径 默认情况下，${B}的路径为${TM…...

编程日记 2025/7/31 1:36:43

JDBC执行sql过程

1. 加载数据库驱动​ JDBC 通过 ​​驱动（Driver）​​ 实现与不同数据库的通信。驱动需提前加载到 JVM： 手动加载（JDBC 4.0 前）​​： Class.forName("com.mysql.cj.jdbc.Driver"); // MySQL 驱…...

编程日记 2025/7/31 14:19:25

python如何提取Chrome中的保存的网站登录用户名密码？

很多浏览器都贴心地提供了保存用户密码功能，用户一旦开启，就不需要每次都输入用户名、密码，非常方便。作为python脚本，能否拿到用户提前保存在浏览器中的用户名密码，用以自动登录呢？必须有，小爬…...

编程日记 2025/8/1 18:39:04

【数据结构入门训练DAY-30】数的划分

文章目录 前言一、题目二、解题思路结语 前言 本次训练内容 训练DFS。训练解题思维。 一、题目 将整数n分成k份，且每份不能为空，任意两份不能相同(不考虑顺序)。 例如：n7，k3，下面三种分法被认为是相同的。 {1&a…...

编程日记 2025/8/1 4:58:57

CD37.【C++ Dev】string类的模拟实现(上)

目录 1.string基本知识的回顾 2.简单的模拟实现 准备操作 代码实现 成员变量 构造函数 C风格构造的函数 无参构造函数 C风格构造的函数与无参构造函数合二为一 析构函数 c_str() size() operator[ ] 可读可写 只可读 iterator(指针版) begin()和end() ​编辑…...

编程日记 2025/7/31 21:04:21

Java代理

一、代理的基本定义 1.什么是Java代理模式:给目标对象提供一个代理对象，并且由代理对象控制对目标对象的引用。 2.类是构建对象的模板 下面是最简单的代理实现（这只是一个演示会报错） package 代理;public class xiaoming {public static…...

编程日记 2025/7/29 21:50:23

源码示例：使用SpringBoot+Vue+ElementUI+UniAPP技术组合开发一套小微企业ERP系统

目录 一、系统架构设计 1、技术分层 2、开发环境 二、快速开发实践 1、后端搭建（Spring Boot） 2、前端管理端（VueElementUI） 3、移动端开发（UniAPP） 三、关键集成方案 1、统一接口处理 2、跨平台…...

编程日记 2025/7/29 21:50:20

.Net Mqtt协议-MQTTNet（一）简介

一、MQTTNet 简介 MQTTnet 是一个高性能的MQTT类库，支持.NET Core和.NET Framework。 二、MQTTNet 原理 MQTTnet 是一个用于.NET的高性能MQTT类库，实现了MQTT协议的各个层级，包括连接、会话、发布/订阅、QoS（服务质量&#xff0…...

编程日记 2025/7/29 21:50:17