JavaScript修行
文章平均质量分 82
分享个人学习JavaScript遇到的问题和难点
十八朵郁金香
业务:推广合作、知识社群、文章程序源码、课程大作业等。合作+:OrbitUI4。公众号:阿兵的学习笔记。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
【JavaScript笔记】01- 原型及原型链(面试高频内容)
JavaScript作为前端入门三件套之一,也是前端求职的必会知识之一,这个系列分享个人在学习JavaScript的过程中遇到重点,和大家一起分享讨论。原创 2025-01-27 10:05:54 · 923 阅读 · 0 评论 -
深度剖析 JavaScript 继承:多样方式与优劣解析
在 JavaScript 编程领域,继承是优化代码结构、提升复用性的关键特性。它让对象能获取其他对象的属性和方法,为开发者带来极大便利。JavaScript 提供了多种继承途径。下面,我们深入探究这些继承方式及其优缺点,通过代码案例,希望可以为大家提供帮助或者思考。JavaScript的多种继承方式各有长短,在实际项目开发中,我们需要依据具体需求和场景来选择合适的继承方式。如果注重属性的独立性和传参灵活性,借用构造函数继承是个好选择;若希望兼顾属性独立和方法共享,组合继承更为合适;原创 2025-02-21 10:03:03 · 555 阅读 · 0 评论 -
通俗易懂的浏览器事件循环指南(含async/await)
JavaScript是单线程的,这意味着它一次只能执行一个任务。为了处理异步操作(比如定时器、网络请求等),浏览器引入了事件循环机制。不断地从任务队列中取出任务并执行。事件循环的工作流程可以简单概括为以下几个步骤:执行同步代码。执行微任务队列中的所有任务。执行一个宏任务。重复上述过程。原创 2025-02-23 10:39:05 · 1272 阅读 · 2 评论 -
浏览器事件循环-Promise面试题目
承接前面的“浏览器事件循环”文章,收集和整理了一些题目,难度有所递增,有兴趣的朋友可以看一下。如果想知道正确答案,请自行运行代码。原创 2025-02-25 10:01:07 · 256 阅读 · 0 评论 -
深入解析:ES6 中 class 与普通构造器的区别
本文深入对比了JavaScript中ES6 class与ES5构造函数的区别。表面看class是构造函数的语法糖,但本质存在四大差异:1) class必须通过new调用,构造函数可随意调用;2) class原型方法默认不可枚举;3) class默认启用严格模式;4) class方法不能作为构造函数使用。通过Babel转译揭示了class的内部实现机制,并解答了将class转换为等构造函数的面试题。结论指出,虽然两者功能相似,但class提供了更严格的语法限制和更清晰的代码结构,推荐在现代开发中使用。原创 2025-09-10 14:17:24 · 1036 阅读 · 8 评论 -
分享在日常开发中常用的ES6知识点【面试常考】
本文总结了JavaScript ES6中常用数据处理技巧,包括:1)箭头函数简化回调;2)解构赋值快速提取数据;3)扩展运算符合并/复制对象;4)数组高阶方法(map/filter/reduce)处理数据;5)模板字符串动态生成内容;6)Promise/async处理异步;7)解构默认值防错;8)Set/Map实现去重和快速查找。这些特性在管理系统开发中尤其实用,如用户数据过滤、表格渲染、异步加载等场景。文章提供了具体代码示例,建议结合MDN文档深入掌握ES6特性。原创 2025-06-12 16:29:43 · 602 阅读 · 2 评论 -
JavaScript 垃圾回收与内存泄漏:原理与应对策略
程序运行时需要占用内存资源。操作系统或运行时环境会根据程序的需求分配内存。然而,如果程序中不再使用的内存没有被及时释放,就会导致内存占用不断增加。轻则影响系统性能,重则导致程序崩溃。这种现象被称为内存泄漏。在 JavaScript 中,内存泄漏通常是由于开发者未能正确管理变量引用或未释放不再使用的资源导致的。例如,全局变量、闭包、事件监听器等都可能成为内存泄漏的源头。JavaScript 的垃圾回收机制虽然可以自动管理内存,但开发者仍然需要关注内存泄漏的问题。原创 2025-02-28 11:30:38 · 915 阅读 · 0 评论 -
深入理解 JavaScript 中的深拷贝与浅拷贝
深拷贝和浅拷贝是 JavaScript 中常见的概念,它们的区别在于是否递归拷贝对象的所有层级。浅拷贝只复制第一层属性或元素,而深拷贝会递归地复制所有内容。常见的浅拷贝方法包括直接赋值、、扩展运算符、slice()和concat();而深拷贝可以通过或手写递归实现。原创 2025-02-27 10:05:02 · 737 阅读 · 0 评论 -
深入理解 JavaScript 中的 this 指向
正值春招火热招聘阶段,我近期在复习JavaScript的相关知识点,其中“this”知识点是前端面试中高频面试内容,因此整理和总结一篇相关知识点文章和大家分享!this全局环境:非严格模式下指向全局对象,严格模式下指向undefined。构造函数:使用new时,this指向新创建的对象。显式绑定:通过callapplybind可以显式改变this的指向。上下文对象:通过对象调用函数时,this指向该对象。箭头函数this指向外层作用域。原创 2025-02-26 11:12:35 · 1134 阅读 · 6 评论 -
深入理解 JavaScript 闭包:理论与实践的完美结合
MDN 对闭包的定义是:闭包是指那些能够访问自由变量的函数。那什么是自由变量呢?自由变量是指在函数中使用的,但既不是函数参数也不是函数的局部变量的变量。简单来说,闭包 = 函数 + 函数能够访问的自由变量。从理论角度讲,所有的 JavaScript 函数都是闭包。因为函数在创建时就会将上层上下文的数据保存起来,哪怕访问的是简单的全局变量,这也相当于访问自由变量,此时使用的是最外层的作用域。即使创建它的上下文已经销毁,它仍然存在(比如,内部函数从父函数中返回);在代码中引用了自由变量。原创 2025-02-20 17:52:03 · 665 阅读 · 0 评论 -
深入理解函数式编程:一等公民的函数、纯函数与柯里化
最近在复习JavaScript中的知识点,其中有个重要内容是:函数式编程。其中有三个重要的概念:一等公民的函数、纯函数和柯里化。通过这篇文章和大家一起探讨这三个概念,并通过代码示例来加深理解。PS:文章用的JavaScript编写代码示范。原创 2025-02-17 15:40:30 · 615 阅读 · 1 评论
分享