深浅拷贝/ 递归实现当前时间显示/对象遍历/抛异常/ 改变this指向

已于 2023-06-01 19:59:11 修改
阅读量45 收藏
点赞数
分类专栏： js进阶 文章标签： javascript
于 2023-05-31 22:58:58 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_45000011/article/details/130977908
版权
文章详细探讨了JavaScript中的浅拷贝与深拷贝概念，特别指出在处理嵌套对象时可能出现的问题，并介绍了如何通过递归实现深拷贝。同时，文章还讨论了如何显示当前时间以及如何改变和理解函数中的this指向，包括各种情况下的this绑定和上下文切换。
摘要由CSDN通过智能技术生成

 

 浅拷贝

 

 如果对象里还有对象会出问题

实现对象遍历

 深拷贝

 递归实现当前时间显示

 

 最终版

 简单版(引入库)

 

 

 

 抛异常

 更精确

 

 

 this指向总结 

 

 

 

 

 改变this指向

 

 

 

 

 方法1

 

 

 

m0_45000011
关注
专栏目录
ES6深浅拷贝/数组的扩展/对象的拓展
你还有我
02-25 1293
目录数组的扩展forEach遍历map方法Array.form()Array.of()copyWithin()find()和findIndex()keys(),values(),entries()配合for...of循环includes()includes方法与indexOf()方法的区别对象扩展方法Object.assign()浅拷贝深拷贝用在数组上 数组的扩展 forEach遍历 //第一个参数为函数 //函数的第一个参数 是遍历的当前元素 //函数的第二个参数 当前元素的下标
JavaScript中递归,深拷贝,异常处理,改变this的指向
m0_62371650的博客
08-22 205
JavaScript中递归,深拷贝,异常处理,改变this的指向
【JavaScript高级3】面试官会问的this指向、严格模式、闭包、递归、深浅拷贝
qq_44588612的博客
05-04 393
本章节是JS高级中非常重要的一章，例如this指向问题、严格模式、闭包、递归、深浅拷贝都是面试官经常问的知识点，小伙伴们一定要认真学习哦，如有疑问欢迎在评论区留言； 文章の目录🏆 学习の目标一、函数的定义和调用1.1 函数的定义方式1.2 函数的调用二、this2.1 函数内部的this指向2.2 改变函数内部 this 指向2.2.1 call 方法2.2.2 apply 方法2..
前端面试题之JavaScript【数据类型/深浅拷贝/数据类型检测】
鹏鹏胡的博客
09-25 281
JavaScript JS的数据类型及两者区别 基本数据类型：string、number、Boolean、null、undefined、symbol 引用数据类型：object、【array、function也属于object】 区别： 基本数据类型是保存在栈内存中，操作的是值，改变源数据不会影响新的变量 引用数据类型保存在堆内存中，操作的是地址，改变其中一个会影响另一个 内存中的区别 基本数据类型（存放在栈中） 基本数据类型是指存放在栈中的简单数据段，数据大小确定，内存空间
javaScript手写专题——防抖/节流/闭包/Promise/深浅拷贝
涵盖了计算机专业基础知识、数学建模相关实践、复杂网络论文研究、LeetCode算法刷题经验、C语言开发经验、前端Vue、React框架开发实战相关知识
04-07 1402
本文介绍了面试中常见的手写JS场景题目：如手写防抖、节流；手写Promise封装、手写深拷贝浅拷。手写深拷贝需要考虑很多细节，需要根据具体情况来进行处理。在前面的实现中，我们已经考虑了一些常见的情况，但是还有很多其他的情况需要考虑。在手写深拷贝时，需要考虑以下几种场景：特殊的对象：正则表达式、日期对象、Error 对象，使用构造函数创建新的对象Fuction对象：对象可能会有函数属性，例如构造函数或方法，这种情况下需要将函数原样复制过来，而不是执行函数。特殊类型：symbol迭代复制：Map
【前端学习-24】【day03】函数的定义和调用/this/改变函数内部this指向-call、apply、bind/严格模式/高阶函数/闭包/递归/深浅拷贝
QNANWang的博客
05-22 336
[day03]函数进阶一、函数的定义和调用1.1 函数的定义1.2 函数的调用方式二、this2.1 函数内this的指向2.2 改变函数内部this指向2.2.1 call（）方法2.2.2 apply()方法2.2.3 bind() 方法2.2.4 call apply bind 总结（相同点、不同）三、严格模式3.1 什么是严格模式3.2 开启严格模式3.3 严格模式中的变化四、高阶函数五、闭包5.1 变量作用域5.2 什么是闭包5.3 闭包的作用5.4 闭包的案例（3个应用）5.5 思考题5.6 闭
【JavaScript高级03】改变函数内部this指向、闭包、递归、深浅拷贝
耍酷的李世达的博客
11-01 191
day31.函数的定义和调用1.1函数的定义方式1.2函数的调用2.this2.1函数内部的this指向2.2改变函数内部 this 指向2.2.1 call方法2.2.2 apply方法2.2.3 bind方法2.2.4 call、apply、bind三者的异同3.严格模式3.1什么是严格模式3.2开启严格模式3.3严格模式中的变化4.高阶函数5.闭包5.1变量的作用域复习5.2什么是闭包5.3闭包的作用5.4闭包的案例5.5案例6.递归6.1什么是递归6.2利用递归求1~n的阶乘6.3利用递归求斐波那契
JS数据类型、call/apply、arguments
ngd-b的博客
03-25 305
随记JS基础知识，加入个人理解。 JS数据类型 基本类型：数值、字符串、布尔、null、undefined 基本类型按值传递，赋值时开辟新的内存空间存储副本；值改变互不影响。 存储在栈内存中、存储的是具体的值；其大小固定的。 call()/apply() arguments 类数组对象
JS高级-函数this三种指向,函数上下文调用,闭包,递归 深浅拷贝
weixin_68531033的博客
05-02 2303
01函数this的三种指向 01函数this的三种指向 1.环境对象 this : 谁调用我，this指向谁 this相当于中文中的'我' 2.this指向取决于函数的调用，函数调用有三种方式 普通函数； 函数名() this-window 对象方法: 对象名.方法名 this-对象 构造函数； new 函数名() this-new创建的实例对象 ......
Vue3面试题与深拷贝详解：浅拷贝与this指向解析
本资源总结主要涵盖了面试题中的关键知识点，涉及JavaScript中深浅拷贝的原理与实现以及this关键字在不同场景下的行为。以下是详细内容： **一、深拷贝与浅拷贝** 深拷贝与浅拷贝是JavaScript对象复制时的重要概念...
【C++ STL】string 容器（介绍、使用、深浅拷贝、模拟实现、写时拷贝）
codewinter的博客
05-22 1620
文章目录前言一、STL - string 的介绍二、string 的使用（常用接口介绍）2.1 常见构造2.2 容量操作2.3 访问操作2.4 迭代器及遍历操作2.5 修改操作2.6 string 类的非成员函数重载2.7 补充一些接口三、string 类的模拟实现3.1 深浅拷贝（⭐重要）① 浅拷贝 & 深拷贝② 拷贝构造 & 赋值运算符重载（传统写法）③ 拷贝构造 & 赋值运算符重载（现代写法）3.2 string 类的结构3.3 string 类的迭代器3.4 一些成员函数的实
js面试题之——深浅拷贝
wuxian_wj的博客
10-26 1180
一直以来倒是没有仔细的思考过深浅拷贝的问题，最近有听到小伙伴在讨论，全面了解了一下，深拷贝并没有那么简单。现在让我们来一起探讨深浅拷贝相关的内容吧。 基本数据类型、引用数据类型 为什么会出现深浅拷贝的问题，主要因为在于js中所有的数据类型分为基本数据类型和引用数据类型两大类。 那么基本数据类型有哪些呢：Number、String、Boolean、Undefined、Null、Symbol、BigInt 引用数据类型，就是Object了，但是js封装了几个继承了Object原型属性的一些对象，Array、Fu
前端面试的话术集锦第 5 篇：高频考点( 类型转换 & 深浅拷贝 & 模块化机制等)
念兮为美
09-06 568
typeof判断类型；instanceof正确判断对象的原理；类型转换转Boolean对象转原始类型四则运算符⽐较运算符==和===的区别；This闭包原型的理解闭包解决var定义函数的问题深拷⻉浅拷贝提升暂时性死区varlet及const区别；原型继承Class实现继承本质组合继承寄⽣组合继承；⼏种⽅式实现模块化⽴即执⾏函数；AMD和CMD、CommonJS、ESModule实现简洁版的promise；EventLoop进程与线程区别JS单线程好处执⾏栈异步代码执⾏顺序？解释Node中的Eventloop
npm 和 npx 的区别和使用场景
Dou_Hua6的博客
10-09 679
自动下载和缓存：如果本地未安装所需包，npx会自动下载并执行，执行完毕后可以选择保留或删除。脚本运行：通过package.json中的scripts字段定义和运行自定义脚本。依赖管理：管理项目的dependencies和devDependencies。简化命令行工具的使用：临时执行命令，避免全局安装带来的版本冲突或污染。npm 全称：Node Package Manager。发布包：将自己的包发布到npm注册表供他人使用。：无需全局安装即可运行npm包中的可执行文件。
【JavaScript】移动色块案例 实现一个可以拖动并且在拖动过程中会自动改变颜色的色块（JS 事件监听器）
m0_66584716的博客
10-11 1340
- **移动色块**：用户可以通过鼠标按住并拖动页面上的红色方块（`#blocks`）。当用户按下鼠标左键时，色块开始跟随鼠标的移动而移动；当用户释放鼠标左键时，色块停止移动。 - **显示当前位置**：随着色块的移动，其当前的屏幕坐标（相对于浏览器窗口）会被实时更新，并显示在页面底部左侧的位置显示区域（`#positionDisplay`）中。 - **自动变色**：一旦用户开始拖动色块，系统就会每隔300毫秒随机改变一次色块的颜色。颜色的变化是通过调用 `getRandomColor()` 函数生成一个
ECMAScript标准解析及其发展历史与技术演进
qq_20245171的博客
10-15 587
ECMAScript（简称ES）是由ECMA国际（欧洲计算机制造商协会）制定的一种脚本语言规范。它是JavaScript、JScript等语言的基础，并为现代Web开发提供了强大的支持。ECMAScript标准不仅定义了语言的语法和语义，还涵盖了数据类型、对象模型和执行环境等内容，极大推动了JavaScript语言的发展。本文将全面介绍ECMAScript标准的起源、各个版本的演变、关键特性以及未来趋势，深入探讨其对Web开发及编程语言设计的影响。
Element-plus el-form、el-dialog 数据回显同时用时，重置失效问题
Mr. Zhang Xiaojian's Blog
10-12 508
当第一次打开网页并点击“编辑”按钮时，虽然对话框变量变为 true 使对话框可见，但同步代码会将 formData 对象的属性设置为默认值。由于 Vue 的异步更新机制，DOM 实际上还未更新，因此表单组件内绑定了这些有值的初始数据。这样，在后续调用 resetFields 方法时，表单将会重置为这些默认值而不是空值。编辑时表单的初始值被设置成了回显的数据，而不是空字符串。时，表单会回到上次设置的初始值，即回显的数据。
基于Java微信小程序的水果销售系统详细设计和实现(源码+lw+部署文档+讲解等)
最新发布
源码好优多
10-16 406
请联系我获取更详细的演示视频。
如何使用Python爬虫处理JavaScript动态加载的内容？
Z_suger7的博客
10-11 749
JavaScript动态加载的内容为爬虫带来了挑战，但也提供了新的机遇。通过使用Selenium、分析API请求或Pyppeteer，我们可以有效地爬取这些动态内容。这些方法各有优势，Selenium适合模拟复杂的用户交互，API请求适合直接获取数据，而Pyppeteer则提供了更强大的JavaScript控制能力。在实际应用中，开发者应根据目标网站的特点和需求选择合适的方法。随着技术的不断发展，我们也需要不断学习和适应新的工具和方法，以保持在数据获取领域的竞争力。复制再试一次分享。
C/C++实现：图的非递归深度与广度遍历算法
该资源是一个关于图的非递归深度遍历和广度遍历的实验教程，使用C语言和C++实现。实验内容包括图的存储结构设计、图的创建算法以及非递归遍历算法的实现。通过邻接矩阵和邻接链表两种数据结构，展示了如何进行图的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值