JS-10-es6常用知识-对象扩展

目录

1  Object.assign:实现拷贝继承

2 扩展运算符(...)

1)介绍

2)数组中的扩展运算符

3)对象中的扩展运算符


1  Object.assign:实现拷贝继承

1)目的:Object.assign()方法在 JavaScript 中被用来复制一个或多个源对象的所有可枚举的自有属性到目标对象。

2)返回值:目标对象target。

3)注意:Object.assign() 执行的是浅拷贝(shallow copy),而不是深拷贝deep copy这意味着如果源对象的属性值是一个对象或数组,那么目标对象将获得该对象或数组的引用,而不是它的一个全新副本。

4)基本用法

Object.assign ( target , source ) ;

newObj、newObj2都是通过源对象浅拷贝得到的一个目标对象

<script>//Object.assign 就是进行对象的浅拷贝var source = { age: 18, height: 170, className: "3年2班" }//克隆一个新对象出来// 写法1var newObj = Object.assign({}, source);console.log(newObj);// 写法2var newObj2 = {};Object.assign(newObj2, source);console.log(newObj2);
</script>

2 扩展运算符(...)

1)介绍

    ES6(ECMAScript 2015)引入了许多新特性,其中之一就是扩展运算符(spread operator),也被称为三点运算符(...)。扩展运算符在数组和对象上都可以使用,但用法和效果略有不同。

2)数组中的扩展运算符

主要用于复制数组、合并数组或用于函数参数展开

复制数组

let arr1 = [1, 2, 3];  
let arr2 = [...arr1]; // arr2 现在也是 [1, 2, 3]

合并数组

let arr1 = [1, 2, 3];  
let arr2 = [4, 5, 6];  
let arr3 = [...arr1, ...arr2]; // arr3 是 [1, 2, 3, 4, 5, 6]

函数参数展开

function add(a, b, c) {  return a + b + c;  
}  let numbers = [1, 2, 3];  
add(...numbers); // 相当于 add(1, 2, 3),返回 6

3)对象中的扩展运算符

主要用于复制对象和合并对象

复制对象:在复制对象的同时,还可以修改对象的属性值或者添加属性

let obj1 = { a: 1, b: 2 };  
let obj2 = { ...obj1 }; // obj2 现在也是 { a: 1, b: 2 }
let obj3 = { ...obj1 , b: 3 };  //obj3 是 { a: 1, b: 3 }

合并对象:合并对象,若存在属性名相同,同后面的属性值覆盖前面的

let obj1 = { a: 1, b: 2 };  
let obj2 = { b: 3, c: 4 };  
let obj3 = { ...obj1, ...obj2 }; // obj3 是 { a: 1, b: 3, c: 4 }  
// 注意:如果属性名相同,后面的对象会覆盖前面的对象中的同名属性

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/pingmian/21366.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

Java线程中sleep()和wait()有什么区别

在Java线程中&#xff0c;sleep()和wait()是两个经常被提及但功能和使用场景完全不同的方法。以下是它们之间的主要区别&#xff1a; 所属类和用途&#xff1a; sleep() 是 Thread 类的一个静态方法&#xff0c;它用于使当前线程&#xff08;即调用 sleep() 的线程&#xff0…

C++访问越界

常见场景 访问数组元素越界vector容器访问等 vector<int>;vec<2>&#xff1b;字符串访问越界string str;str[2];array数组访问越界字符串处理&#xff0c;没有添加’\0’字符&#xff0c;导致访问字符串的时候越界了&#xff1b;使用类型强转&#xff0c;让一个大…

Flutter开发效率提升1000%,Flutter Quick教程之定义构造参数和State成员变量

一个Flutter页面&#xff0c;可以定义页面构造参数和State成员变量。所谓页面构造参数&#xff0c;就是当前页面构造函数里面的参数。 比如下面代码&#xff0c;a就是构造参数&#xff0c;a1就是State成员变量。 class Testpage extends StatefulWidget {String a;const Test…

docker学习--docker容器镜像常用命令大全(简)

文章目录 一、镜像命令二、容器管理命令 一、镜像命令 docker search #搜索镜像 docker pull/push #下载/上传镜像 docker images #查看所有本地主机上的镜像可以使用docker image ls代替 docker tag #源镜像名 新镜像名 docker rmi #删除镜像 docker image prune #移除没有标签…

Python的文件管理

读取文件 首先我们可以先创建一个工程项目&#xff0c;如图所示&#xff1a; 打开我们名为1.读取文件.py的python文件&#xff0c;然后我们可以写下读取Python文件的代码&#xff0c;代码如下&#xff1a; f open("1.txt", "r") print(f.read()) f.clos…

【PB案例学习笔记】-14使用次数和日期限制

写在前面 这是PB案例学习笔记系列文章的第14篇&#xff0c;该系列文章适合具有一定PB基础的读者。 通过一个个由浅入深的编程实战案例学习&#xff0c;提高编程技巧&#xff0c;以保证小伙伴们能应付公司的各种开发需求。 文章中设计到的源码&#xff0c;小凡都上传到了gite…

基于OLED菜单显示

菜单一般需要四个按键&#xff0c;上下移动光标&#xff0c;进入菜单&#xff0c;退出菜单 1.按键部分 按键头文件 #ifndef __KEYdriver_H #define __KEYdriver_H #include "sys.h" #include "stdbool.h" /*用户定义的宏开始*/ #define CursorUp PCi…

边缘计算、云计算、雾计算在物联网中的作用

边缘计算和雾计算不像云那样广为人知&#xff0c;但可以为企业和物联网公司提供很多帮助。这些网络解决了物联网云计算服务无法解决的许多问题&#xff0c;并使分散的数据存储适应特定的需求。让我们分别研究一下边缘计算、雾计算和云计算的优势。 雾计算的好处 低延迟。雾网络…

【工具】探索 ARPU:平均每用户收入

缘分让我们相遇乱世以外 命运却要我们危难中相爱 也许未来遥远在光年之外 我愿守候未知里为你等待 我没想到为了你我能疯狂到 山崩海啸没有你根本不想逃 我的大脑为了你已经疯狂到 脉搏心跳没有你根本不重要 &#x1f3b5; 邓紫棋《光年之外》 什么是 ARP…

UE5.1_常用快捷键

UE5.1_常用快捷键 shift1&#xff0c;&#xff0c;模式选择 shift2&#xff0c;&#xff0c;模式选择 shift3&#xff0c;&#xff0c;模式选择 shift4&#xff0c;&#xff0c;模式选择 shift5&#xff0c;&#xff0c;模式选择 shift6&#xff0c;&#xff0c;模式选择 …

2.3Docker部署java工程

2.3Docker部署java工程 1.导入jar包 2.在Docker部署jdk&#xff08;容器名为myjdk17&#xff09; 3.修改jar包名 mv 原包名 新包名4. 配置启动脚本 Dockerfile是一个文本文件&#xff0c;其中包含了构建 Docker 镜像所需的一系列步骤和指令。通过编写 Dockerfile 文件&…

C#中的值类型与引用类型

值类型&#xff1a; 在C#中&#xff0c;值类型是一种数据类型&#xff0c;它们直接包含它们的数据&#xff0c;并存储在栈上或内联在其他对象中。与引用类型不同&#xff0c;值类型的实例直接包含其数据的副本&#xff0c;而不是引用到实际数据的地址。 C#中的一些常见值类型…

Adversarial Nibbler挑战:与多元社区持续开展开放红队测试

每周跟踪AI热点新闻动向和震撼发展 想要探索生成式人工智能的前沿进展吗&#xff1f;订阅我们的简报&#xff0c;深入解析最新的技术突破、实际应用案例和未来的趋势。与全球数同行一同&#xff0c;从行业内部的深度分析和实用指南中受益。不要错过这个机会&#xff0c;成为AI领…

C++STL---vector常见用法

C STL中的vector vector是C标准模板库&#xff08;STL&#xff09;中最常用的序列容器之一&#xff0c;它是一个动态数组&#xff0c;能够存储任意类型的对象&#xff08;如整数、字符串等&#xff09;。vector的主要优点是提供了快速的随机访问&#xff0c;同时还能够动态地调…

RPG Maker MV角色战斗动画记录

角色战斗动画记录 角色战斗状态判断的语句赋值 战斗管理战斗精灵创建精灵进行角色的更新 角色战斗状态 角色的战斗状态是由 Game_Battler 类中的 _actionState 属性的字符串决定的&#xff0c;它有哪些值呢&#xff1f; undecided 未确定或者说是操作状态inputting 输入waiti…

QA 未能打开位于 D:/Computer999/Computer999.vbox 的虚拟电脑

前言 未能打开位于 xxx/Computer999.vbox 的虚拟电脑&#xff0c;并提示E_INVALIDARG (0X80070057)&#xff0c;是最常见的一个错误&#xff0c;下面是解决办法。 内容 1、提示下面的错误&#xff0c;注册Computer999失败&#xff1a; 未能打开位于 D:/Computer999/Compute…

什么是封装?为什么是要封装?

封装是面向对象编程中的一种核心概念&#xff0c;它是将数据和操作数据的方法结合起来&#xff0c;形成一个整体&#xff0c;对外只暴露必要的接口&#xff0c;隐藏内部的具体实现细节。 封装的目的是为了实现信息隐藏和代码的模块化&#xff0c;具体原因如下&#xff1a; 1.…

K210视觉识别模块学习笔记1:第一个串口程序_程序烧录与开机启动

今日开始学习K210视觉识别模块:简单的认识与串口程序 亚博智能的K210视觉识别模块...... 固件库版本: canmv_yahboom_v2.1.1.bin 既然K210作为一个视觉识别外设模块来使用&#xff0c;我认为第一个程序 就没必要学点灯之类的了&#xff0c;直接学习串口如何配置开始为妥&…

5分钟懂一个前端知识点系列之this关键字

前言 本人在学习this和原型&#xff08;特别是this指向&#xff09;的时候遇到了些许困惑&#xff0c;今天跟大家详细解释一下我在学习路上对this和原型的了解。难点先来攻克&#xff0c;今天先来讲讲this。这里统一声明不讨论严格模式下面的使用&#xff0c;因为我也不了解不…

ctfshow-web入门-爆破(web21-web24)

目录 1、web21 2、web22 3、web23 4、web24 1、web21 爆破什么的&#xff0c;都是基操 需要认证才能访问 随便输一个用户名和密码抓包看看&#xff1a; 多出来一个认证的头 Authorization: Basic YWRtaW46MTIzNDU2 base64 解码看看&#xff1a; 就是我们刚才输入的用于测…