
ecmascript
文章平均质量分 79
写完这行代码打球去
work life balance
展开
-
新旧方法对比:JavaScript 中改变 `this` 指向的方式详解
JavaScript 提供了多种方式来改变this指向,从传统的callapply和bind到 ES6 引入的箭头函数、ReflectAPI 和Proxy,每种方式都有其独特的应用场景。开发者可以根据需求选择最合适的方式,以编写更简洁、可读性更高的代码。原创 2025-04-02 15:37:24 · 493 阅读 · 0 评论 -
深入理解 JavaScript 的 Set 对象
Set是一个集合(collection),其中的元素是唯一的,并且按照插入顺序存储。它可以存储任何类型的值,包括原始值和对象。Set是一个强大的工具,适用于需要存储唯一值的场景。通过本文的介绍,你应该对Set的特性、用法以及与其他数据结构的对比有了更深入的了解。希望你能在实际开发中灵活运用Set,提升代码的效率和可读性!原创 2025-03-28 17:49:46 · 975 阅读 · 0 评论 -
深入理解 JSONP:跨域的经典解决方案
JSONP(JSON with Padding)是一种跨域数据请求的解决方案。它的核心思想是利用<script>标签不受同源策略限制的特性,通过动态创建<script>标签来实现跨域请求。JSONP 是一种经典的跨域解决方案,其简单性和兼容性使其在过去的前端开发中占据了重要地位。然而,随着 CORS、反向代理等技术的普及,JSONP 的使用场景逐渐减少。在现代开发中,我们更倾向于选择安全性更高、功能更强大的跨域技术。但了解 JSONP 的原理和实现,仍然是每个前端开发者的必修课。原创 2025-03-28 14:26:01 · 959 阅读 · 0 评论 -
理解 JavaScript 中的迭代协议和迭代器协议
迭代协议允许 JavaScript 对象定义或定制它们的迭代行为。例如,在for...of循环中,哪些值可以被遍历到。let i = 0;},return() {// 解构可迭代对象break;// 迭代一次,执行 return 方法可迭代协议定义了对象如何被迭代,要求实现方法。迭代器协议定义了如何生成一系列值,要求实现next()方法。JavaScript 提供了许多内置的可迭代对象和支持迭代的 API。原创 2025-03-28 06:00:00 · 286 阅读 · 0 评论 -
深入理解 JavaScript 生成器(Generator)(后含async/await实现原理)
生成器是由function*声明创建的特殊函数,它返回一个Generator 对象,该对象符合可迭代协议和迭代器协议。生成器函数可以在执行过程中暂停,并在稍后恢复,其上下文(包括变量绑定)会在恢复时保持不变。生成器是 JavaScript 中非常强大的工具,适用于异步编程、迭代器实现、无限序列生成等场景。通过灵活使用yield和yield*,可以大大提升代码的可读性和可维护性。原创 2025-03-27 15:05:52 · 613 阅读 · 0 评论