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

ES6 对象扩展：对象简写，对象属性表达式，扩展运算符 ...，Object.assign,Object.is，用法和应用场景

news 来源：原创 2025/7/3 15:44:39

1. 对象属性简写

1.1 基本语法

// 传统写法
const name = 'John';
const age = 25;
const user = {name: name,age: age
};// ES6 简写语法
const user = {name,age
};

1.2 实际应用场景

// 1. 函数返回对象
function createUser(name, age, email) {return {name,age,email};
}// 2. React 组件状态
function useState(initialState) {const state = initialState;const setState = (newState) => {// 更新逻辑};return { state, setState };
}// 3. 模块导出
const actions = {increment,decrement,reset
};
export default actions;

2. 对象属性表达式

2.1 基本语法

const prefix = 'user';
const id = 1;// 计算属性名
const user = {[`${prefix}_${id}`]: 'John',[`${prefix}Email`]: 'john@example.com'
};console.log(user.user_1); // 'John'
console.log(user.userEmail); // 'john@example.com'

2.2 实际应用场景

// 1. 动态键名对象
function createStyles(theme) {return {[`button_${theme}`]: {backgroundColor: theme === 'dark' ? '#000' : '#fff',color: theme === 'dark' ? '#fff' : '#000'}};
}// 2. Redux action types
const actionTypes = {[`FETCH_USER_${status}`]: `FETCH_USER_${status}`,[`UPDATE_USER_${status}`]: `UPDATE_USER_${status}`
};// 3. 国际化键值对
const i18n = {[`greeting_${language}`]: '你好',[`farewell_${language}`]: '再见'
};

3. 扩展运算符 (…)

3.1 对象展开

// 基本用法
const base = { a: 1, b: 2 };
const extended = { ...base, c: 3 };
console.log(extended); // { a: 1, b: 2, c: 3 }// 对象合并
const defaults = { theme: 'light', language: 'en' };
const userPreferences = { theme: 'dark' };
const finalPreferences = { ...defaults, ...userPreferences };
console.log(finalPreferences); // { theme: 'dark', language: 'en' }

3.2 实际应用场景

// 1. React 组件属性传递
function Button({ children, ...props }) {return (<button {...props}>{children}</button>);
}// 2. 配置合并
const baseConfig = {api: 'https://api.example.com',timeout: 5000
};const devConfig = {...baseConfig,api: 'http://localhost:3000'
};// 3. 状态更新
setState(prevState => ({...prevState,loading: false,data: newData
}));

4. Object.assign()

4.1 基本用法

// 对象合并
const target = { a: 1 };
const source1 = { b: 2 };
const source2 = { c: 3 };const result = Object.assign(target, source1, source2);
console.log(result); // { a: 1, b: 2, c: 3 }
console.log(target); // { a: 1, b: 2, c: 3 } - 目标对象被修改

4.2 实际应用场景

// 1. 创建对象的浅拷贝
const original = { a: 1, b: { c: 2 } };
const copy = Object.assign({}, original);// 2. 合并默认配置
function createConfig(options) {const defaults = {debug: false,timeout: 5000,retries: 3};return Object.assign({}, defaults, options);
}// 3. 不可变状态更新
const state = { user: { name: 'John' }, theme: 'light' };
const newState = Object.assign({}, state, { theme: 'dark' });

5. Object.is()

5.1 基本用法

// 比较值
console.log(Object.is(5, 5)); // true
console.log(Object.is(5, '5')); // false
console.log(Object.is(NaN, NaN)); // true
console.log(Object.is(+0, -0)); // false// 与 === 的区别
console.log(NaN === NaN); // false
console.log(Object.is(NaN, NaN)); // trueconsole.log(+0 === -0); // true
console.log(Object.is(+0, -0)); // false

5.2 实际应用场景

// 1. 精确的值比较
function areSameValues(x, y) {return Object.is(x, y);
}// 2. NaN 检测
function isReallyNaN(x) {return Object.is(x, NaN);
}// 3. React 中的值比较
function shouldComponentUpdate(nextProps) {return !Object.is(this.props.value, nextProps.value);
}

6. 最佳实践

6.1 选择合适的方法

// 1. 简单对象合并：使用扩展运算符
const merged = { ...obj1, ...obj2 };// 2. 需要深拷贝：使用其他方法
const deepCopy = JSON.parse(JSON.stringify(obj));// 3. 精确值比较：使用 Object.is()
if (Object.is(value1, value2)) {// 相等处理
}

6.2 性能考虑

// 1. 避免过深的对象展开
const obj = {...baseObj,...middlewareObj,...finalObj
};// 2. 使用 Object.assign 处理多个源对象
const result = Object.assign({}, baseConfig,environmentConfig,userConfig
);

ES6 对象扩展：对象简写，对象属性表达式，扩展运算符 ...，Object.assign,Object.is，用法和应用场景

1. 对象属性简写 1.1 基本语法 // 传统写法 const name John; const age 25; const user {name: name,age: age };// ES6 简写语法 const user {name,age };1.2 实际应用场景 // 1. 函数返回对象 function createUser(name, age, email) {return {name,age,email}; }// …...

编程日记 2025/7/3 15:44:39

Markdown 博客写作图片自动上传到 CSDN 与博客园

背景目前大部分的博客都是基于 Typora 软件编写，其中的图片都是本地相对路径，以前都手动逐个复制图片上传到 CSDN，但这个过程很繁琐，故想着使用自动上传图片。目前有以下特点可利用： dotnet-cnblog 工具可自动把本…...

编程日记 2025/7/3 4:51:10

大模型—Dify本地化部署实战

Dify本地化部署实战系统要求安装 Dify 之前, 请确保你的机器已满足最低安装要求： CPU >= 2 CoreRAM >= 4 GiB本地部署开始前先简单介绍下部署Dify需要用到的组件，稍微有点多，但放心，有Docker你怕啥？关系数据库：postgres缓存：Redis向量数据库：支持weaviate…...

编程日记 2025/7/2 15:54:23

Java抽象类和接口的区别

一、抽象类当一个类中没有包含足够的信息以描绘一个具体的对象时，这样的类就是抽象类；“抽象类”是用关键字 abstract 修饰的，抽象类中有一种特殊方法，即用abstract 关键字来修饰的方法，这些方法被称为“抽象方法” …...

编程日记 2025/7/3 15:12:06

基于YUV的色相调节（二）

文章目录量纲范围归一化归一化因子： U m , V m U_m, V_m Um,Vm归一化因子： U m a x , V m a x U_{max}, V_{max} Umax,Vmax 接上一篇：基于YUV的色相调节（一） 量纲范围归一化正常情况下UV的量纲范围不一样&…...

编程日记 2025/7/1 20:17:21

【QT笔记】使用QScrollArea实现多行文本样式显示

目录一、QScrollArea 的基本概念二、demo代码三、实现效果 1、页面空间足够，无滚动条时显示效果 2、有滚动条时显示效果一、QScrollArea 的基本概念 QScrollArea 是 Qt 框架中用于提供一个滚动条区域，允许用户滚动查看比当前可视区域更大的内容…...

编程日记 2025/7/3 15:10:56

【自然语言处理】TextRank 算法提取关键词（Python实现）

文章目录前言PageRank 实现TextRank 简单版源码实现jieba工具包实现TextRank 前言 TextRank 算法是一种基于图的排序算法，主要用于文本处理中的关键词提取和文本摘要。它基于图中节点之间的关系来评估节点的重要性，类似于 Google 的 PageRank 算法。Tex…...

编程日记 2025/7/3 5:53:25

八大排序算法细讲

目录排序概念运用常见排序算法插入排序直接插入排序思想： 步骤（排升序）: 代码部分： 时间复杂度： 希尔排序思路步骤 gap的取法代码部分： 时间复杂度： 选择排序直接选…...

编程日记 2025/7/2 10:58:03

机器学习9-卷积和卷积核2

机器学习9-卷积和卷积核2 卷积与边缘提取边缘的种类边缘检测图像求导解析示例图像求导公式：解析总结图像梯度噪声的影响边缘检测目标非极大值抑制总结卷积与边缘提取边缘：图像中亮度明显而急剧变化的点为什么要研究边缘？ 编码图像中…...

编程日记 2025/6/30 22:39:05

微服务知识——微服务拆分规范

文章目录一、微服务拆分规范1、高内聚、低耦合2、服务拆分正交性原则3、服务拆分层级最多三层4、服务粒度适中、演进式拆分5、避免环形依赖、双向依赖6、通用化接口设计，减少定制化设计7、接口设计需要严格保证兼容性8、将串行调用改为并行调用，或者异步…...

编程日记 2025/7/3 14:04:51

【回溯+剪枝】单词搜索，你能用递归解决吗？

文章目录 79. 单词搜索解题思路：回溯（深搜） 剪枝 79. 单词搜索 79. 单词搜索给定一个 m x n 二维字符网格 board 和一个字符串单词 word 。如果 word 存在于网格中，返回 true ；否则，返回 false 。 …...

编程日记 2025/7/3 1:18:11

deepseek接入pycharm 进行AI编程

要将DeepSeek接入PyCharm进行AI编程，可以按照以下步骤操作： ### 1. 获取DeepSeek API访问权限 DeepSeek通常以API的形式对外提供服务，你需要在其官方网站注册账号，申请API访问权限。在申请通过后，会获得API密钥（API Key），这是后续调用API的关键凭证。 ### 2. 安装必要…...

编程日记 2025/6/30 21:11:19

M系列/Mac安装配置Node.js全栈开发环境（nvm+npm+yarn）

一、安装 nvm（Node Version Manager） 打开终端，使用 curl 在 M 系列 Mac 上安装 nvm： curl -o- https://raw.githubusercontent.com/nvm-sh/nvm/v0.39.1/install.sh | bash对于非 M 系列的 Intel Mac，上述命令同样适…...

编程日记 2025/7/2 22:17:00

常见Linux命令的复习

常见命令 ls 列出工作目录 ls -l：以长格式显示目录下的文件和子目录信息。ls -a：显示所有文件和子目录，包括隐藏文件 ll 列出该目录下的详细信息看到该目录下的所有目录和文件的详细信息 cd 切换当前工作目录里 cd /path/to/directory&…...

编程日记 2025/7/3 14:23:06

朴素贝叶斯算法相关文献

朴素贝叶斯是一种基于概率的简单但强大的分类算法。尽管其“朴素”假设（特征之间相互独立）在现实中往往不成立，但在许多实际应用中，它依然表现出色，尤其是在文本分类、垃圾邮件过滤和情感分析等领域。近年来&#xff0…...

编程日记 2025/6/30 22:38:46

【鸿蒙HarmonyOS Next实战开发】多媒体视频播放-ijkplayer

简介 ijkplayer是OpenHarmony和HarmonyOS环境下可用的一款基于FFmpeg的视频播放器。演示下载安装 ohpm install ohos/ijkplayer使用说明 import { IjkMediaPlayer } from "ohos/ijkplayer";import type { OnPreparedListener } from "ohos/ijkplayer";i…...

编程日记 2025/6/29 19:00:19

jvm - GC篇

如何减慢一个对象进入老年代的速度，如何降低GC的次数堆内存细分年轻代（Young Generation）： 新创建的对象首先被分配在年轻代中。年轻代又被进一步划分为一个Eden区和两个Survivor区（通常称为S0和S1）。…...

编程日记 2025/6/29 19:00:14

edu小程序挖掘严重支付逻辑漏洞

edu小程序挖掘严重支付逻辑漏洞一、敏感信息泄露打开购电小程序这里需要输入姓名和学号，直接搜索引擎搜索即可得到，这就不用多说了，但是这里的手机号可以任意输入，只要用户没有绑定手机号这里我们输入自己的手机号抓包直接进…...

编程日记 2025/6/29 19:00:09

职责链模式

介绍避免将请求发送者和接收者耦合在一起，让多个对象都有机会接收请求，将这些对象连接成一条链，并且沿着这条链传递请求，直到有对象处理它为止。处理请求的对象组成一条链（职责链），职责链可…...

编程日记 2025/6/29 18:59:59

数据分析：企业数字化转型的金钥匙

引言：数字化浪潮下的数据金矿在数字化浪潮席卷全球的背景下，有研究表明，只有不到30%的企业能够充分利用手中掌握的数据，这是否让人深思？数据已然成为企业最为宝贵的资产之一。然而，企业是否真正准备好从数…...

编程日记 2025/7/3 14:38:21

将Windows下的USB设备共享给WSL（ubuntu）

前言本文用于学习记录，文中提到的方法也来自于网上资料，如有不对请指出，谢谢！ 微软官方参考链接：https://learn.microsoft.com/zh-cn/windows/wsl/connect-usb 如果没有特殊标注，以下命令均在Windows终…...

编程日记 2025/7/2 8:39:24

UG NX二次开发(Python)-API函数介绍与应用实例(三)-UFLayer类操作

提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录 1 前言2、UFLayer类说明3、获取当前工作图层4、移动对象到特定的图层1 前言采用Python语言进行UG NX二次开发的帮助材料很少，采用录制的方法是一种比较容易实现的方式，但是使用UFun函数更容易上…...

编程日记 2025/7/3 4:53:42

【PostgreSQL内核学习 —— （WindowAgg（三））】

WindowAgg set_subquery_pathlist 部分函数解读check_and_push_window_quals 函数find_window_run_conditions 函数执行案例总结计划器模块（set_plan_refs函数）set_windowagg_runcondition_references 函数执行案例 fix_windowagg_condition_expr 函数f…...

编程日记 2025/7/1 22:03:53

案例1.spark和flink分别实现作业配置动态更新案例

目录目录一、背景二、解决 1.方法1：spark broadcast广播变量 a. 思路 b. 案例 ① 需求 ② 数据 ③ 代码 2.方法2：flink RichSourceFunction a. 思路 b. 案例 ① 需求 ② 数据 ③ 代码 ④ 测试验证测试1 测试2 测试3 一、背景在实时作业（如 Spark Str…...

编程日记 2025/6/29 18:59:40

一键掌握多平台短视频矩阵营销/源码部署

短视频矩阵系统的介绍与应用随着数字化营销策略的不断演进，传统的短视频矩阵操作方法可能已显陈旧。为此，一款全新的短视频矩阵系统应运而生，它通过整合多个社交媒体账户、创建多样化的任务、运用先进的智能视频编辑工具、实现多平台内容的…...

编程日记 2025/7/2 18:25:52

如何利用maven更优雅的打包

最近在客户现场部署项目，有两套环境，无法连接互联网，两套环境之间也是完全隔离，于是问题就来了，每次都要远程到公司电脑改完代码，打包，通过网盘（如果没有会员，上传下载慢…...

编程日记 2025/7/2 20:15:33

Win11非虚拟机安装ISE14.7

官网下载6.18GB 的 Full Installer for Windows 7/XP/Server解压后运行安装程序不勾选Enable WebTalk to send software, IP ...安装程序卡死在ISE:Configure WebTalk，此时打开任务管理器，在详情中找到xwebtalk，右键结束任务。安装程序继续进…...

编程日记 2025/7/1 1:38:51

大彩讲堂：掌握虚拟屏调试的方法

一、适合范围适合全系列大彩协议串口屏产品二、开发环境版本 1. VisualTFT软件版本：V3.0.0.1037及以上的版本，版本查看方式： (1) 打开VisualTFT软件启动页面如图2-1所示，右上角显示的软件版本号； 图2-1 软件版本 (…...

编程日记 2025/7/2 7:07:32

k8sollama部署deepseek-R1模型,内网无坑

这是目录 linux下载ollama模型文件下载到本地，打包迁移到k8s等无网络环境使用下载打包ollama镜像非k8s环境使用k8s部署访问方式非ollama运行deepseek模型linux下载ollama 下载后可存放其他服务器 curl -L https://ollama.com/download/ollama-linux-amd64.tgz -o ollama-linu…...

编程日记 2025/7/2 22:03:24

2025职业发展规划

2025职业发展规划我是一名大公司的高级移动应用开发技术专家，目前参与了鸿蒙App开发，对鸿蒙的TS语言也有所了解。现在需要制定2025年的职业发展规划，包括学习内容和方向，并以思维导图的形式呈现。我需要梳理出合适的发展路径。首…...

编程日记 2025/7/1 1:40:54

VDN 微服务架构搭建篇（三）基于 Nacos 的 Spring Cloud Gateway 动态路由管理

VDN 微服务架构搭建篇（三）：基于 Nacos 的 Spring Cloud Gateway 动态路由管理在微服务架构中，网关是整个系统的入口，负责流量管理、请求路由、安全控制等关键功能。 Spring Cloud Gateway 作为 Spring 生态官方推荐…...

编程日记 2025/7/1 1:39:26

(3)yaml语法

yaml语法 YAML 是 “YAML Ain’t a Markup Language”（YAML 不是一种标记语言）的递归缩写。在开发的这种语言时，YAML 的意思其实是：“Yet Another Markup Language”（仍是一种标记语言）。通俗的来说yaml…...

编程日记 2025/7/1 1:40:37

SpringAI系列 - 使用LangGPT编写高质量的Prompt

目录一、LangGPT —— 人人都可编写高质量 Prompt二、快速上手2.1 诗人三、Role 模板3.1 Role 模板3.2 Role 模板使用步骤3.3 更多例子四、高级用法4.1 变量4.2 命令4.3 Reminder4.4 条件语句4.5 Json or Yaml 方便程序开发一、LangGPT —— 人人都可编写高质量 Prompt La…...

编程日记 2025/7/1 1:39:08

Linux提权--John碰撞密码提权

John the Ripper（简称 John）是一个常用的密码破解工具，可以通过暴力破解、字典攻击、规则攻击等方式，尝试猜解用户密码。密码的弱度是提权攻击中的一个重要因素，如果某个用户的密码非常简单或是默认密码&#xff0…...

编程日记 2025/7/2 12:13:15

系分成长指南

持续改进的核心理念：持续发现问题并改进，通过反馈和反馈循环优化工作流程。如何制定反馈渠道：通过线上表格填写问卷、内部会议记录、即时消息等方式。如何保持动力：设定具体目标、使用 KPI 测量进展、奖励机制、建立支持体系。 …...

编程日记 2025/7/1 13:05:28

5 计算机网络

5 计算机网络 5.1 OSI/RM七层模型 5.2 TCP/IP协议簇 5.2.1:常见协议基础一、 TCP是可靠的，效率低的； 1.HTTP协议端口默认80，HTTPSSL之后成为HTTPS协议默认端口443。 2.对于0~1023一般是默认的公共端口不需要注册，1024以后的则需…...

编程日记 2025/6/29 18:56:18

绿联NAS安装cpolar内网穿透工具实现无公网IP远程访问教程

文章目录前言1. 开启ssh服务2. ssh连接3. 安装cpolar内网穿透4. 配置绿联NAS公网地址前言本文主要介绍如何在绿联NAS中使用ssh远程连接后，使用一行代码快速安装cpolar内网穿透工具，轻松实现随时随地远程访问本地内网中的绿联NAS，无需公网…...

编程日记 2025/7/2 10:15:05

Temperature、Top-P、Top-K、Frequency Penalty详解

在生成式AI（比如ChatGPT）中，Temperature、Top-P、Top-K、Frequency Penalty 这些参数用于控制文本生成的多样性、随机性和重复度，它们的作用如下： 1. Temperature（温度） 作用：控制输…...

编程日记 2025/6/29 18:56:09

2.6作业

1.思维导图 2.代码解释 struct A{double a; }; struct B{char b[8]; };int main(int argc,const char *argv[]) {struct A x;struct B y;x.a 3.14;y *(struct B*)&x;printf("y.b %lf\n",*(double *)y.b);return 0; } 注释： 1. 定义struct A类型变…...

编程日记 2025/7/2 19:50:33

面试笔记-多线程篇

为什么不直接调用run方法而是调用start方法? start方法会先创建一条线程，再用创建出的新线程去执行对应的run方法，这样才是起到多线程效果，如果直接调用run方法，则只是在原线程执行。线程的sleep方法和wait方法的区别&#xf…...

编程日记 2025/7/2 8:18:46

stacking 框架

stacking stacking介绍 Stacking是个多层的多模型集合方法。每一层都可包括多个模型，下一层利用上一层模型的结果进行学习。可以只使用一层，然后用元学习器融合，也可以多层融合。单层融合多层融合如上图所示，Stacking结构中…...

编程日记 2025/7/2 7:42:04

面向对象编程简介

面向对象编程（OOP）是一种编程范式，强调通过“对象”来设计软件。对象是数据和功能的封装，使得程序更易于理解和维护。本文将介绍面向对象的基本概念、特性以及其在软件开发中的重要性。 1. 面向对象的基本概念 1.1 对象对象是…...

编程日记 2025/6/29 18:55:44

【ArcGIS_Python】使用arcpy脚本将shape数据转换为三维白膜数据

说明： 该专栏之前的文章中python脚本使用的是ArcMap10.6自带的arcpy（好几年前的文章），从本篇开始使用的是ArcGIS Pro 3.3.2版本自带的arcpy，需要注意不同版本对应的arcpy函数是存在差异的数据准备：准备一…...

编程日记 2025/7/2 21:44:03

云计算——AWS Solutions Architect – Associate（saa）1、什么是云，AWS介绍

什么是云? 什么是云? 云计算(cloud computing)是基于互联网的相关服务的增加、使用和交付模式，通常涉及通过互联网来提供动态易护展且经常是虚拟化的资源。云是网络、互联网的一种比喻说法。简单理解为：云是共享资源，按需付费&#xff0…...

编程日记 2025/7/2 22:52:46

快手ip属地是定位吗？怎么改

在当今数字化时代，随着网络平台的不断发展，用户隐私和数据安全成为了公众关注的焦点。各大社交媒体平台纷纷推出的“IP属地”功能，无疑为网络环境增添了一抹新的色彩。其中，快手的IP属地显示功能尤为引人注目。那么，快…...

编程日记 2025/7/1 11:26:27

graylog初体验

最近graylog比较火，部署了一个来测试下，看下后续能不能代替目前占用资源比较多的elk，目前未对graylog性能进行深入测试，只是简单体验了下，graylog的UI比较简陋，但是在报警以及权限方面优于ELK，整…...

编程日记 2025/7/2 19:49:27

MySQL实战-解决方案

1. MySQL 主从集群同步延迟问题的解决方案在主从复制架构中，主库执行写操作后，将更新事件写入 Binlog，从库通过 I/O 线程将 Binlog 数据同步到本地的 Relay Log，再由 SQL 线程解析并执行，从而保持数据一致性。然而&a…...

编程日记 2025/6/29 8:34:58

使用 CSS 实现透明效果

在 CSS 中，实现透明效果有几种方法，具体使用哪种方法取决于具体需求。以下是一些常见的方法： 使用 opacity 属性： opacity 属性可以设置整个元素的透明度，包括其所有的子元素。 .transparent { opacity: 0.5; /* 0 表…...

编程日记 2025/7/1 17:20:14

LabVIEW2025中文版软件安装包、工具包、安装教程下载

下载链接：LabVIEW及工具包大全-三易电子工作室http://blog.eeecontrol.com/labview6666 《LabVIEW2025安装图文教程》 1、解压后，双击install.exe安装 2、选中“我接受上述2条许可协议”，点击下一步 3、点击下一步，安装NI Packa…...

编程日记 2025/6/29 18:55:04

2025.2.5——五、[网鼎杯 2020 青龙组]AreUSerialz

题目来源：BUUCTF [网鼎杯 2020 青龙组]AreUSerialz 一、打开靶机，整理信息直接得到一串php代码，根据题目可以看到还有序列化二、解题思路 step 1：代码审计 <?phpinclude("flag.php");highlight_file(__FILE__…...

编程日记 2025/7/1 17:15:02