- 博客(16)
- 收藏
- 关注
RSS订阅原创 ES6～ES14 之 async篇
async用于定义一个异步函数，返回一个Promise。await用于等待一个Promise完成，并返回其结果，或者捕获其错误。异步操作可以通过语句来捕获错误。可以用于并行处理多个异步操作。用于异步迭代器。async和await极大地提高了异步代码的可读性，能够让你像写同步代码一样写异步逻辑。这使得代码更简洁、可维护，并且更容易理解。
2024-12-23 17:23:33
444
原创 ES6～ES14 之 Class篇
类的定义使用class关键字，类的名字通常遵循大写字母开头的命名规范。方法用来初始化对象的属性。// 设置实例属性// 设置实例属性// 定义实例方法greet() {${this// 设置实例属性 this . age = age;// 设置实例属性 } // 定义实例方法 greet() {} } // 创建类的实例 const person1 = new Person("Alice" , 30);
2024-12-23 16:06:51
272
原创 服务端渲染和客户端渲染的区别
特性服务端渲染（SSR）客户端渲染（CSR）渲染位置服务端生成 HTML客户端用 JS 动态生成 HTML首屏速度快慢交互体验适中流畅SEO 友好性良好较差开发复杂度高低选择 SSR 或 CSR 应根据项目需求权衡。如果希望兼顾两者优势，可以选择同构渲染方案。
2024-12-05 16:27:10
650
原创 ES6～ES14 之 Promise篇
Promise是 JavaScript 中管理异步任务的强大工具，解决了传统回调函数的嵌套问题。随着新版本的特性不断增加，Promise 的功能和灵活性大大提升，尤其是结合，使异步代码更加简洁易读。掌握 Promise 的核心方法（如allraceany）和错误处理机制，是现代 JavaScript 开发的必备技能。
2024-12-02 17:34:08
792
原创 ES6～ES14 之 Map 和 WeakMap篇
是一种弱引用键值对集合，键必须是对象，值可以是任意类型。是一种键值对集合，允许使用任何类型的键（包括对象）。
2024-12-02 17:31:45
250
原创 ES6～ES14 之 Set、WeakSet篇
Set适合处理任意值的集合操作，如去重、集合运算等，ES2023 引入的新方法进一步增强了集合操作能力。WeakSet是一种弱引用集合，专注于存储对象，在动态管理对象状态和防止内存泄漏方面非常实用。两者各有适用场景，开发时应根据需求选择合适的集合类型。
2024-11-29 11:49:15
423
原创 ES6～ES14 之 Symbol篇
通过内置Symbol，可以自定义语言的某些核心行为，比如迭代器、类型检查等。Symbol是 JavaScript 的一种高级功能，提供了唯一性和灵活的元编程能力。避免属性名冲突。定义对象行为（如迭代器、自定义类型检查）。模拟私有属性。支持框架或库的核心逻辑设计。Symbol虽然不常用于普通业务代码，但在库开发、底层框架和复杂应用中非常有用。
2024-11-29 11:47:54
619
原创 ES6～ES14 之 数组篇
创建一个新数组，其中每个元素是原数组的每个元素经过函数处理后的结果。返回一个新的数组，应用切片（删除或替换）操作，不修改原数组。测试数组中是否所有元素都满足指定的条件，返回布尔值。返回数组中第一个满足条件的元素的索引，找不到时返回。对数组中的每个元素应用一个函数，并返回单一的结果。用于对数组的每一项执行指定的函数，类似于传统的。返回一个新数组，包含所有通过指定条件函数的元素。返回数组中第一个满足条件的元素，找不到时返回。返回一个新的排序过的数组，不修改原数组。返回一个新的反转过的数组，不修改原数组。
2024-11-13 16:00:39
298
原创 ES6～ES14 之 函数篇
从 ES5 到 ES2024，JavaScript 在函数相关的特性上持续进化，尤其是对函数式编程的支持、异步操作的简化以及对函数调用的更多灵活性。每个新增的特性都在一定程度上优化了 JavaScript 的可读性、简洁性和开发效率。
2024-11-13 15:54:43
661
原创 ES6～ES14 之 模板字符串
多行文本的处理。动态插入变量、表达式或函数结果。自定义解析逻辑（通过标签模板）。安全处理用户输入，避免 XSS 攻击。这种灵活的写法显著提高了代码的可读性和开发效率！
2024-11-07 15:55:01
261
原创 ES6～ES14 之 变量的解构赋值
数组解构：按位置提取数组元素，可以使用默认值、剩余元素等特性。对象解构：按属性名提取对象的属性，支持重命名、默认值、嵌套解构等。灵活使用：解构赋值可用于函数参数、数组、对象等多种场景，能简化代码并提高可读性。解构赋值让代码更加简洁、清晰和易于维护，是现代 JavaScript 编程中不可或缺的一部分。
2024-11-06 17:46:02
462
原创 ES6～ES14 之 let和const
let：适用于需要在不同作用域内重复赋值的场景。尤其在循环和异步操作中，它能够有效避免作用域污染和变量提升问题。const：适用于声明不会重新赋值的变量，尤其在定义常量、数组或对象引用时。它能有效保护数据不被意外修改。通过合理使用let和const，可以写出更易于维护、健壮且无副作用的 JavaScript 代码。
2024-11-06 17:34:19
571
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人