LIU_CAN的博客

JavaScript this 指向全解析 本文深入剖析 JavaScript 中普通函数与箭头函数的 this 指向问题。普通函数的 this 由调用方式决定，存在四种绑定规则：默认绑定、隐式绑定、显式绑定和 new 绑定。而箭头函数没有自身的 this，它继承定义时所在作用域的 this 值。文章提供了对比表格和决策流程图，帮助开发者快速判断任意场景下的 this 指向，并给出 React 类组件等实战案例说明最佳实践方案，彻底解决 this 丢失等常见问题。

JavaScript 数组去重核心方案速览 基础类型去重： 最优方案：[...new Set(arr)]（ES6+，O(n)时间复杂度） 备选方案：filter+indexOf（O(n²)，兼容性好） 对象数组去重： 按属性去重：使用 Map 存储键值（O(n)性能） 全对象去重：Set+JSON.stringify（仅限可序列化对象） 性能关键点： 避免双重循环（O(n²)以上复杂度） 大数据量优先选择 Set/Map 方案 对象比较需自定义处理（按属性或深度比较） 工程建议： 简单场景直接用 Set 复

React项目中JSX和JS文件的选择标准：包含JSX语法的组件文件使用.jsx扩展名，纯逻辑文件（工具函数、常量、API调用等）使用.js扩展名。自定义hooks虽可能包含JSX，但推荐使用.js。项目结构应保持一致性，组件放在.jsx文件中，逻辑代码放在.js文件中。团队内部规范比严格规则更重要，构建工具通常能自动处理两种扩展名。选择依据是文件内容而非硬性规定，重点在于保持代码的可维护性和统一性。