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

【js进阶】设计模式之单例模式的几种声明方式

news 来源：原创 2025/8/6 23:54:29

单例模式，简言之就是一个类无论实例化多少次，最终都是同一个对象

原生js的几个辅助方式的实现

手写forEch,map,filter

Array.prototype.MyForEach = function (callback) {for (let i = 0; i < this.length; i++) {callback(this[i], i, this);}
};const arr = [1, 2, 3];
arr.MyForEach((item, index, arr) => {console.log(item);console.log(index);console.log(arr);
});Array.prototype.MyFilter = function (callback) {const result = [];for (let i = 0; i < this.length; i++) {if (callback(this[i], i, this)) {result.push(this[i]);}}return result;
};const arr2 = [1, 2, 3, 5, 6, 7];
console.log(arr2.MyFilter((item) => item > 3));
console.log(arr2.MyFilter((item) => item < 5));Array.prototype.MyMap = function (callback) {const result = [];for (let i = 0; i < this.length; i++) {result.push(callback(this[i], i, this));}return result;
};console.log(arr2.MyMap((item) => item * 2));

在这里插入图片描述

基础单例模式

// 单体模式,
var SingleTon = {a1: true,a2: 10,method1() {console.log('单体模式1');},method2() {console.log('单体模式2');},
};SingleTon.a1 = false;
let total = SingleTon.a2 + 5;
let result = SingleTon.method1();// 全局命名空间
let GiantCorp = {};
GiantCorp.Common = {};
GiantCorp.ErrorCodes = {};
GiantCorp.PahgeHandler = {};// 私有成员，一是相互约定用下划线标注
GiantCorp.DataParse = {// 私有属性_name: '张三',// 私有方法_getName() {return this._name;},// 公有方法getUsername(nickname) {return this._getName() + nickname;},
};

改进版单例

let MyNamespace = {};
// 使用闭包封装私有变量
MyNamespace.SingleTon = (function () {let arr = ['张三', '李四', '王五'];return {name: '续航',age: 18,getName() {return this.name;},getAge() {return this.age;},getAllUserName() {return arr.join(',');},};
})();console.log(MyNamespace.SingleTon.getName());
console.log(MyNamespace.SingleTon.getAge());
console.log(MyNamespace.SingleTon.getAllUserName());

高阶版单例

// 惰性单体
let MyNamespace = {};
// 使用闭包封装私有变量
MyNamespace.SingleTon = (function () {let singleTon = null;function constructor() {let arr = ['张三', '李四', '王五'];return {name: '续航',age: 18,getName() {return this.name;},getAge() {return this.age;},getAllUserName() {return arr.join(',');},};}return {getInstance() {if (!singleTon) {singleTon = constructor(); // 创建实例对象，并将其赋值给私有变量}return singleTon; // 返回实例对象（单例模式）},};
})();
console.log(MyNamespace.SingleTon.getInstance().getName());
console.log(MyNamespace.SingleTon.getInstance().getAllUserName());

案例

let simpleXhrFactory = (function () {let standard = {createXHRObject() {return new XMLHttpRequest();},};let activexOld = {createXHRObject() {return new ActiveXObject('Microsoft.XMLHTTP');},};let activeXNew = {createXHRObject() {return new ActiveXObject('MSXML2.XMLHTTP');},};let xhr = null;try {xhr = standard.createXHRObject();return xhr;} catch (e) {try {xhr = activeXNew.createXHRObject();return xhr;} catch (e) {try {xhr = activeXOld.createXHRObject();} catch (error) {throw new Error('不支持的浏览器');}}}return xhr;
})();

【js进阶】设计模式之单例模式的几种声明方式

单例模式，简言之就是一个类无论实例化多少次，最终都是同一个对象原生js的几个辅助方式的实现手写forEch,map,filter Array.prototype.MyForEach function (callback) {for (let i 0; i < this.length; i) {callback(this[i], i, this);} };con…...

编程日记 2025/8/6 23:54:29

【VUE】计算属性+动态样式方法封装

【VUE】父子组件联动实现动态样式控制【VUE】页面跳转实现动态样式控制在utils下创建文件夹styleController 编写通用的方法 /*** 样式控制* 本文件主要提供一些动态控制样式的方法*//*** 控制表格表头中的某些列是否显示星号** param showStarActions boolean 当值为True时…...

编程日记 2025/8/6 16:01:50

Mac玩Steam游戏秘籍！

Mac玩Steam游戏秘籍！ 大家好！最近有不少朋友在用MacBook玩Steam游戏时遇到不支持mac的问题。别担心，我来教你如何用第三方工具Crossover来畅玩这些不支持的游戏，简单又实用！ 第一步：下载Crossover 首先&…...

编程日记 2025/8/6 22:33:24

【后端面试总结】tls中.crt和.key的关系

tls中.crt和.key的关系引言在现代网络通信中，特别是基于SSL/TLS协议的加密通信中，.crt和.key文件扮演着至关重要的角色。这两个文件分别代表了数字证书和私钥，是确保通信双方身份认证和数据传输安全性的基石。本文旨在深入探讨TLS中.crt和…...

编程日记 2025/8/6 15:05:51

【Axure】配色库

配色库是一个专为设计师和创意工作者打造的在线资源平台，旨在提供丰富的色彩解决方案，帮助用户轻松找到或创造美观和谐的色彩搭配。其中，一个典型的配色库包含了以下几个核心元素： 渐变色：提供多样化的渐变色方案&…...

编程日记 2025/8/5 20:50:24

PL/SQL语言的语法糖

PL/SQL语言的语法糖引言 PL/SQL（Procedural Language/Structured Query Language）是Oracle公司为其数据库管理系统（DBMS）设计的一种过程化语言。作为一种扩展SQL的语言，PL/SQL不仅支持数据的查询和操作，…...

编程日记 2025/8/7 3:34:08

Pytorch|YOLO

🍨 本文为🔗365天深度学习训练营中的学习记录博客🍖 原作者：K同学啊一、前期准备 1. 设置GPU 如果设备上支持GPU就使用GPU,否则使用CPU import torch import torch.nn as nn import torchvision.transforms as transforms im…...

编程日记 2025/8/6 14:10:07

doc、pdf转markdown

国外的一个网站可以： Convert A File Word, PDF, JPG Online 这个网站免费的，算是非常厚道了，但是大文件上传多了之后会扛不住国内的一个网站也不错： TextIn-AI智能文档处理-图像处理技术-大模型加速器-在线免费体验 https://…...

编程日记 2025/8/7 3:31:33

ZooKeeper 常见问题与核心机制解析

Zookeeper集群本身不直接支持动态添加机器。在Zookeeper中，集群的配置是在启动时静态定义的，并且集群中的每个成员都需要知道其他所有成员。当你想要增加一个新的Zookeeper服务器到现有的集群中时，你需要更新所有现有服务器的配置文件&#x…...

编程日记 2025/8/6 17:12:12

期权懂|场内期权合约行权价格是如何设定制度的？

锦鲤三三每日分享期权知识，帮助期权新手及时有效地掌握即市趋势与新资讯！ 场内期权合约行权价格是如何设定制度的？ 场内期权合约的行权价格是期权合约中的一个关键要素，它决定了期权买方在期权到期日或之前买入（对于…...

编程日记 2025/8/7 3:34:35

处理 SQL Server 中的表锁问题

在 SQL Server 中，表锁是一个常见的问题，尤其是在并发访问和数据更新频繁的环境中。表锁会导致查询性能下降，甚至导致死锁和系统停滞。本文将详细介绍如何识别、分析和解决 SQL Server 中的表锁问题。什么是表锁？ 表锁是 SQL S…...

编程日记 2025/8/6 16:26:11

【Mysql进阶知识】Mysql 程序的介绍、选项在命令行配置文件的使用、选项在配置文件中的语法

目录一、程序介绍二、mysqld--mysql服务器介绍三、mysql - MySQL 命令行客户端 3.1 客户端介绍 3.2 mysql 客户端选项指定选项的方式 mysql 客户端命令常用选项在命令行中使用选项选项(配置)文件使用方法选项文件位置及加载顺序选项文件语法使用举例&am…...

编程日记 2025/8/7 1:44:48

代码随想录算法训练营总结

本人是一名普普通通的计算机专业的毕业生，在大学学数据结构和算法就感觉非常难，到毕业也没刷过几道题，所幸后来入职的公司也没有考察算法相关的内容。到现在已经工作两年多了，看到过许多聊面试聊算法的文章，也接触到一…...

编程日记 2025/8/6 23:14:37

二进制/源码编译安装mysql 8.0

二进制方式： 1.下载或上传安装包至设备： 2.创建组与用户： [rootopenEuler-1 ~]# groupadd mysql [rootopenEuler-1 ~]# useradd -r -g mysql -s /bin/false mysql 3.解压安装包： tar xf mysql-8.0.36-linux-glibc2.12-x86_64.ta…...

编程日记 2025/8/6 7:55:31

AI 编程工具—Cursor进阶使用阅读开源项目

AI 编程工具—Cursor进阶使用阅读开源项目首先我们打开一个最近很火的项目browser-use ,直接从github 上克隆即可索引整个代码库这里我们使用@Codebase 这个选项会索引这个代码库，然后我们再选上这个项目的README.md 文件开始提问 @Codebase @README.md 这个项目是用…...

编程日记 2025/8/6 11:27:16

掌握C语言内存布局：数据存储的智慧之旅

大家好，这里是小编的博客频道小编的博客：就爱学编程很高兴在CSDN这个大家庭与大家相识，希望能在这里与大家共同进步，共同收获更好的自己！！！ 目录引言正文一、数据类型介绍1.内置类型2.自定义…...

编程日记 2025/8/7 3:34:09

一键化配置java环境

一键化配置java环境下载javaPathConfig 打开，将java的jdk路径写进去例如我的路径就是 C:\Program Files\Java\jdk-1.8点击确认设置即可...

编程日记 2025/7/3 3:28:00

【I/O编程】UNIX文件基础

IO编程的本质是通过 API 操作文件。什么是 IO I - Input 输入O - Output 输出这里的输入和输出都是站在应用（运行中的程序）的角度。外部特指文件。这里的文件是泛指，并不是只表示存在存盘中的常规文件。还有设备、套接字、管道、链接…...

编程日记 2025/7/30 15:25:43

leetcode 面试经典 150 题：汇总区间

链接汇总区间题序号228题型数组解法一次遍历法难度简单熟练度✅✅✅ 题目给定一个无重复元素的有序整数数组 nums 。返回恰好覆盖数组中所有数字的最小有序区间范围列表。也就是说，nums 的每个元素都恰好被某个区间范围所覆盖，并且不存在属…...

编程日记 2025/8/5 8:06:55

联想Android面试题及参考答案

请介绍一下 Android 的架构，并谈谈对 Linux 的了解。 Android 架构主要分为四层，从下往上依次是 Linux 内核层、系统运行库层、应用框架层和应用层。 Linux 内核层是 Android 系统的基础。它提供了底层的硬件驱动程序，包括显示驱动、摄像头驱动、音频驱动等多种硬件设备的驱…...

编程日记 2025/8/4 17:27:13

redux 结合 @reduxjs/toolkit 的使用

1，使用步骤使用React Toolkit 创建 counterStore（store目录下） --> 为React注入store（src下面的index） --> React组件使用store中的数据（组件） 2，例如下面有一个简单加减的…...

编程日记 2025/8/7 3:34:37

【鱼皮大佬API开放平台项目】Spring Cloud Gateway HTTPS 配置问题解决方案总结

问题背景项目架构为前后端分离的微服务架构： 前端部署在 8000 端口API 网关部署在 9000 端口后端服务包括： api-backend (9001端口)api-interface (9002端口) 初始状态： 前端已配置 HTTPS（端口 8000）后端服务未配…...

编程日记 2025/8/7 3:31:32

PHP反序列化

一、PHP面向对象的基础知识基本概念 1、面向过程VS面向对象以做饭为例，面向过程是自己从原材料到成品全部自己做，面向对象相当于去饭店，点菜，等待结果（上菜）。 2、类的定义类是定义了一件事物的抽象…...

编程日记 2025/8/7 1:58:39

6、原来可以这样理解C语言_函数（7/8）嵌套调⽤和链式访问

目录七、嵌套调⽤和链式访问七、（1）、嵌套调⽤七、（2）、链式访问七、嵌套调⽤和链式访问七、（1）、嵌套调⽤嵌套调⽤就是函数之间的互相调⽤，每个函数就⾏⼀个乐⾼零件，正是因…...

编程日记 2025/8/7 3:32:09

安装 Jenkins 后无法访问用户名或密码且忘记这些凭证怎么办？

Jenkins 是一款功能强大的自动化服务器，在持续集成与交付（CI/CD）领域应用广泛。不过，用户在使用过程中，尤其是首次接触该系统或系统重启后，常常会遇到登录方面的问题。要是 Jenkins 突然要求输入用户名和密…...

编程日记 2025/8/6 22:03:07

VIVADO FIFO (同步和异步) IP 核详细使用配置步骤

VIVADO FIFO (同步和异步) IP 核详细使用配置步骤目录前言一、同步FIFO的使用 1、配置 2、仿真二、异步FIFO的使用 1、配置 2、仿真前言在系统设计中，利用FIFO（first in first out）进行数据处理是再普遍不过的应用了&#xff0c…...

编程日记 2025/8/5 21:14:20

49_Lua调试

Lua提供了debug库用于创建自定义调试器，尽管Lua本身没有内置的调试器1。这个库允许开发者在程序运行时检查和控制执行流程，这对于开发过程中的错误查找和修复非常有用。 1.Debug库概述 debug库提供的函数可以分为两类：自省函数（introspection functions）和钩子函数（hoo…...

编程日记 2025/8/7 3:32:10

SR-BE 笔记和实验

一、笔记： SR不需要mpls，但要配置 mpls lsr-id 不需要MPLS LDP分标签，但仍然需要依赖IGP来分标签 fish—TE问题 SPF：Shortest Path First 最短路径算法 CSPF：Constrained SPF 受约束的SPF算法 BGP-LS： SR…...

编程日记 2025/8/7 3:29:26

实力认证 | 海云安入选《信创安全产品及服务购买决策参考》

近日，国内知名安全调研机构GoUpSec发布了2024年中国网络安全行业《信创安全产品及服务购买决策参考》，报告从产品特点、产品优势、成功案例、安全策略等维度对各厂商信创安全产品及服务进行调研了解。海云安凭借AI大模型技术在信创安全领域中的创新应用…...

编程日记 2025/8/2 16:23:11

pytorch张量分块投影示例代码

张量的投影操作背景张量投影是深度学习中常见的操作，将输入张量通过线性变换映射到另一个空间。例如： Y=W⋅X+b 其中： X: 输入张量（形状可能为 (B,M,K)，即批量维度、序列维度、特征维度）。W: 权重矩阵（(K,N)，将 K 维投影到 N 维）。b: 偏置向量（可选，(N,)）。Y:…...

编程日记 2025/8/4 19:30:36

Elasticsearch二次开发：实现实时定时同步同义词、近义词与停用词

Elasticsearch二次开发：实现实时定时同步同义词、近义词与停用词引言 Elasticsearch（ES）作为开源搜索引擎的典范，以其强大的全文搜索、结构化搜索以及分析能力，在各个领域得到了广泛应用。在复杂的搜索场景中&#…...

编程日记 2025/8/7 1:52:46

Linux 常用文件查看命令

目录 cat 命令：连接与查看 more/less 命令：分页查看 tail 命令：实时追踪 cat 命令：连接与查看基本功能：用于连接文件并打印到标准输出设备上，常用于查看文件内容。当有多个文件作为参数时，会…...

编程日记 2025/7/30 22:10:58

智能家居篇一、Win10 VM虚拟机安装 Home Assistant 手把手教学

智能家居篇一、Win10 VM虚拟机安装 Home Assistant 手把手教学文章目录 [智能家居篇]( )一、Win10 VM虚拟机安装 Home Assistant 手把手教学前言一.下载Vm版本的HomeAsistant安装包二.打开Vmware选择新建虚拟机1.选择自定义高级2.选择16.x及以上3.选择稍后安装4.根据官网的…...

编程日记 2025/8/4 18:47:18

端口镜像和端口安全

✍作者：柒烨带你飞 💪格言：生活的情况越艰难，我越感到自己更坚强；我这个人走得很慢，但我从不后退。 📜系列专栏：网络安全从菜鸟到飞鸟的逆袭目录一，端口镜像二&#xf…...

编程日记 2025/8/6 1:38:07

打造更安全的Linux系统:玩转PAM配置文件

在Linux系统中，用户认证是确保系统安全的关键步骤。PAM（可插拔认证模块）为我们提供了一个非常灵活的框架，帮助我们管理各种服务的认证过程。其中，/etc/pam.d目录是PAM配置的核心部分，这里存放了每个服务所需…...

编程日记 2025/8/5 8:04:42

猫咪智商相当于人的几岁？

猫咪，这个神秘又高冷的物种，总能让我们又爱又恨。它们时而撒娇卖萌，时而独立自主，让人琢磨不透。那么，问题来了，猫咪的智商到底相当于人的几岁呢？今天，就来给大家好好揭秘一下喵星人…...

编程日记 2025/8/5 4:28:58

软件设计大致步骤

由于近期在做软件架构设计，这里总结下大致的设计流程软件设计流程 1 首先要先写系统架构图，将该功能在整个系统的位置以及和大致的内部模块划分 2 然后写内部的结构图，讲内部的各个子系统，模块，组件之间的关系和调用…...

编程日记 2025/8/2 13:27:28

Elasticsearch入门学习

Elasticsearch是什么 Elasticsearch 是一个基于 Apache Lucene 构建的分布式搜索和分析引擎、可扩展的数据存储和矢量数据库。它针对生产规模工作负载的速度和相关性进行了优化。使用 Elasticsearch 近乎实时地搜索、索引、存储和分析各种形状和大小的数据。特点分布式&a…...

编程日记 2025/8/4 14:47:43

Mac安装配置使用nginx的一系列问题

brew安装nginx https://juejin.cn/post/6986190222241464350 使用brew安装nginx，如下命令所示： brew install nginx 如下图所示： 2.查看nginx的配置信息，如下命令： brew info nginxFrom:xxx 这样的，是n…...

编程日记 2025/8/5 1:27:32

Elasticsearch Python 客户端是否与自由线程 Python 兼容？

作者：来自 Elastic Quentin_Pradet 在这篇文章中，我们将进行一些实验，看看 Python Elasticsearch 客户端是否与新的 Python 3.13 自由线程（free-threading）版本兼容，其中 GIL 已被删除。介绍但首先&…...

编程日记 2025/8/6 16:21:46

以下是 ROS2 的控制台命令： 编译 colcon是ros的构建工具 sudo apt install python3-colcon-common-extensions 如只编译 turn_robot colcon build --packages-select turn_robot 编译全部功能包 colcon build source source /home/sukai/turn_robot/install…...

编程日记 2025/8/2 19:46:40

深入理解 Entity、VO、QO、DTO 的区别及其在 MVC 架构中的应用

文章背景在现代软件开发中，我们经常会接触到各种数据结构的概念，比如 Entity、VO（Value Object）、QO（Query Object）、DTO（Data Transfer Object）等。这些概念尽管看似相似&#xff…...

编程日记 2025/8/6 2:18:08

角色认知培训

课程记录需求传达的时候先强调重点，理清需求的过程中，大家一起分析一开始单线程，总结复盘，提升效率，变成多线程心态 2、复盘能力，每次优化策略优化团结、执行、 3、头马的理解？ 小…...

编程日记 2025/8/5 7:18:21

记录一次微信小程序使用云能力开发的过程

对于开发微信小程序云开发不知从何起的同学们，可以当作一次参考。虽说官方有文档，有模板示例，但是这些都是片段或者完整的结果展示。对于初学或者开发经验较少的同学们，可能不知先从那里入手进行第一步的开发。下面解析下构建微信…...

编程日记 2025/8/4 11:06:48

vim将一行行尾倒数第三个字符替换成1

%s/\v(.)(.)(.)(.)$/1\2\3\4\v:very magic模式，可以省略转义符 （.）:圆括号的分组功能，将括号匹配内容放到第一个寄存器里面，第二个括号匹配内容放到第二个寄存器里面。 $:匹配行尾字符 \2:第二个括号匹配内容 \3:第三个…...

编程日记 2025/7/23 12:28:06

Kafka权威指南（第2版）读书笔记

目录 Kafka生产者——向Kafka写入数据生产者概览创建Kafka生产者bootstrap.serverskey.serializervalue.serializer 发送消息到Kafka同步发送消息异步发送消息生产者配置client.idacks消息传递时间max.block.msdelivery.timeout.msrequest.timeout.msretries 和retry.backoff.…...

编程日记 2025/8/6 1:03:56

Yolov8 目标检测剪枝学习记录

最近在进行YOLOv8系列的轻量化，目前在网络结构方面的优化已经接近极限了，所以想要学习一下模型剪枝是否能够进一步优化模型的性能这里主要参考了torch-pruning的基本使用，v8模型剪枝，Jetson nano部署剪枝YOLOv8 下面只是记录一个…...

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

5G+工业互联网迈入规模化发展新阶段

百度安全验证 https://blog.csdn.net/qq_25467441/article/details/145036191?sharetypeblogdetail&sharerId145036191&sharereferPC&sharesourceqq_25467441&spm1011.2480.3001.8118 好看视频-轻松有收获产业供给加速提升。国内主流模组厂商引领全球5G模组…...

编程日记 2025/8/4 7:50:11

WOA-Transformer鲸鱼算法优化编码器时间序列预测（Matlab实现）

WOA-Transformer鲸鱼算法优化编码器时间序列预测（Matlab实现） 目录 WOA-Transformer鲸鱼算法优化编码器时间序列预测（Matlab实现）预测效果基本介绍程序设计参考资料预测效果基本介绍 1.Matlab实现WOA-Transformer鲸鱼算法优化编…...

编程日记 2025/8/5 21:59:14

「刘一哥GIS」系列专栏《GRASS GIS零基础入门实验教程（配套案例数据）》专栏上线了

「刘一哥GIS」系列专栏《GRASS GIS零基础入门实验教程》全新上线了，欢迎广大GISer朋友关注，一起探索GIS奥秘，分享GIS价值！ 本专栏以实战案例的形式，深入浅出地介绍了GRASS GIS的基本使用方法，用一个个实例讲…...

编程日记 2025/8/6 10:11:26

原生js的几个辅助方式的实现

基础单例模式

改进版单例

高阶版单例

案例

相关文章：