标签： set

发布于

JS `Proxy` 的 `set` / `get` / `deleteProperty` 陷阱处理器：数据拦截

各位观众老爷，大家好！今天咱们聊聊 JavaScript 里一个贼有意思的东西—— Proxy 的数据拦截能力，特别是 set、get 和 deleteProperty 这三个“陷阱”处理器。 开场白：Proxy 是个啥？ Proxy，中文名叫“代理”，顾名思义，它就是个中间人，横在你的代码和你的数据之间。你访问数据，不直接访问，先经过它这一层。它能干啥呢？它能监视、控制、修改甚至阻止你对数据的访问。听起来是不是有点像你家小区门口的保安？ 主角登场：set、get 和 deleteProperty 今天咱们的主角是 Proxy 的三个“陷阱”处理器： get(target, property, receiver): 拦截读取属性的操作。当你试图读取一个对象的属性时，这个陷阱会被触发。 set(target, property, value, receiver): 拦截设置属性的操作。当你试图给一个对象的属性赋值时，这个陷阱会被触发。 deleteProperty(target, property): 拦截删除属性的操作。当你试图删除一个对象的属性时，这个陷阱会被触发。 这三个家伙，就像 …

继续阅读“JS `Proxy` 的 `set` / `get` / `deleteProperty` 陷阱处理器：数据拦截”

发布于

JS 数组去重的高效方法：结合 `Set` 与 `Array.from()`

各位观众老爷，大家好！今天咱来唠唠JS数组去重这事儿。这可是前端面试的常客，也是日常开发中经常碰到的问题。别看它简单，里面可是藏着不少门道。 今天咱就重点说说Set 和 Array.from() 结合起来的这种高效去重方式，保证让你听完之后，下次面试再遇到，直接秒杀！ 一、 数组去重：历史的车轮滚滚向前 在深入 Set + Array.from() 之前，咱们先简单回顾一下数组去重的几种常见方法，也算是热热身。 双重循环大法 (O(n^2)) 这是最直观，也最容易想到的方法。 function unique(arr) { const result = []; for (let i = 0; i < arr.length; i++) { let isExist = false; for (let j = 0; j < result.length; j++) { if (arr[i] === result[j]) { isExist = true; break; } } if (!isExist) { result.push(arr[i]); } } return result …

继续阅读“JS 数组去重的高效方法：结合 `Set` 与 `Array.from()`”

发布于

JS `Set`：唯一值集合，用于去重与集合操作

各位观众老爷们，大家好！今天咱们聊聊JavaScript里一个挺低调但贼好使的家伙——Set。别看它名字简单，用途可大了去了，尤其是在去重和各种集合操作方面，简直是神器级别的存在。 Set是个啥玩意儿？ 简单来说，Set就是JavaScript里用来存储唯一值的集合。注意！是唯一值！也就是说，你往里头放重复的东西，它只会保留一份。这特性用来去重简直不要太爽。 你可以把它想象成一个不允许有双胞胎的俱乐部，谁要是想偷偷溜进来一个长得一模一样的，立马被踢出去。 怎么用Set？ 创建Set非常简单： const mySet = new Set(); 现在 mySet 就是一个空的集合了，等着你往里头塞东西。 往Set里添加元素 用 add() 方法往 Set 里添加元素： mySet.add(1); mySet.add(2); mySet.add(3); mySet.add(1); // 再次添加1，会被忽略 console.log(mySet); // 输出: Set(3) { 1, 2, 3 } 看到了吧？即使我们添加了两次 1，Set 里也只会保留一个。这就是唯一性的威力。 检查Set里 …

继续阅读“JS `Set`：唯一值集合，用于去重与集合操作”

发布于

JS `RegExp Set Notation` (提案) `Union`, `Intersection`, `Subtraction` 的底层实现

各位观众老爷，大家好！我是你们的老朋友，今天咱们来聊聊一个挺有意思的东西，JS正则表达式的集合运算（Set Notation）。这玩意儿目前还是个提案，但它潜力无限，能让咱们写正则的时候像玩乐高一样，各种组合，灵活得不行。 开场白：啥是正则表达式集合运算？ 简单来说，就是把多个正则表达式看作集合，然后进行并集（Union）、交集（Intersection）和差集（Subtraction）运算，得到一个新的正则表达式。 举个例子，假设我们有两个正则： A = /[0-9]/ (匹配数字) B = /[a-z]/ (匹配小写字母) 那么： A ∪ B （A并B） 应该匹配数字或小写字母。 A ∩ B （A交B） 应该匹配既是数字又是小写字母 (虽然这不可能，但语法上允许，结果会是空集)。 A – B （A减B） 应该匹配数字但不是小写字母 (结果仍然是数字)。 听起来是不是有点像数学课？但别怕，咱们用代码说话，保证你听得懂。 提案长啥样？（语法） 目前的提案是这样子的，使用 v 标志（Versioned RegExp flag）来开启集合运算。 然后，使用 | (Union), & …

继续阅读“JS `RegExp Set Notation` (提案) `Union`, `Intersection`, `Subtraction` 的底层实现”

发布于

JS `Set Methods` (提案) `Mathematical Set Operations` 效率与 `Big O` 分析

各位观众老爷，晚上好！我是今晚的讲师，代号“代码挖掘机”。今天咱要聊的是JavaScript里一个挺有意思的提案，叫做“Mathematical Set Operations”（数学集合运算）。这玩意儿听着高大上，其实就是给JS的Set对象加点新功能，让它能像数学课本里的集合一样，做并集、交集、差集等等操作。 为啥要聊这个呢？因为它能让你的代码更简洁、更高效，还能让你在面试的时候显得更博学（手动狗头）。当然，更重要的是，理解这些集合运算的效率，能让你写出性能更好的代码。咱们今天就来好好扒一扒这个提案，看看它到底有啥好东西，以及它们的Big O复杂度都是啥。 一、Set对象回顾：老朋友，新用法 首先，咱们简单回顾一下Set对象。这玩意儿是ES6引入的，它可以让你存储一组唯一的值。啥叫唯一？就是说Set里不能有重复的元素。如果你往Set里加了重复的值，它会自动去重。 const mySet = new Set([1, 2, 3, 4, 5]); console.log(mySet); // 输出：Set(5) {1, 2, 3, 4, 5} mySet.add(3); // 尝试添加重复的 …

继续阅读“JS `Set Methods` (提案) `Mathematical Set Operations` 效率与 `Big O` 分析”

发布于

PHP `Error Handling` (`set_error_handler`, `set_exception_handler`) 与 `E_ALL` 行为

好的，各位观众老爷们，欢迎来到今天的PHP错误处理专场！今天咱们就来聊聊set_error_handler、set_exception_handler，以及它们和E_ALL之间那些剪不断理还乱的恩怨情仇。准备好了吗？Let’s go！ 第一幕：错误的世界观 在开始之前，咱们先得达成一个共识：PHP的世界里，错误分为两种主要类型： Error (错误)：这种错误通常是代码层面的问题，比如语法错误、运行时错误、逻辑错误等等。 Exception (异常)：这种错误通常代表着程序执行过程中出现了不符合预期的情况，比如文件找不到、数据库连接失败等等。 PHP对这两种类型的错误处理方式是不一样的。Error主要通过PHP的内置错误处理机制来报告，而Exception则需要我们自己去try…catch或者使用set_exception_handler来捕获。 第二幕：set_error_handler登场 set_error_handler函数，顾名思义，就是用来设置自定义的错误处理函数的。它可以让你接管PHP的默认错误处理机制，自定义错误的处理逻辑。 语法： set_error_ …

继续阅读“PHP `Error Handling` (`set_error_handler`, `set_exception_handler`) 与 `E_ALL` 行为”

发布于

JS `Set` 的集合运算：`union`, `intersection`, `difference` (通过手动实现或未来提案)

集合运算：Set 的狂野西部 大家好！今天咱们来聊聊 JavaScript Set 的集合运算。 别看 Set 这么“冷淡”，只管存唯一值，其实它内心也渴望搞事情，比如和其他 Set 合体、相爱相杀。 目前 JavaScript 原生 Set 并没有直接提供 union（并集）、intersection（交集）、difference（差集）这些集合运算方法。但这怎么能难倒我们这些身经百战的程序员呢？ 今天就带大家闯入 Set 的狂野西部，自己动手，丰衣足食！ 1. 认识 Set：一个独特的容器 首先，简单回顾一下 Set。 它是一个存储唯一值的集合。 也就是说，你往里面放重复的东西，它会自动忽略，只保留一个。 这特性在很多场景下都非常有用，比如去重、判断元素是否存在等。 const mySet = new Set(); mySet.add(1); mySet.add(2); mySet.add(3); mySet.add(1); // 再次添加1，会被忽略 console.log(mySet); // Set(3) { 1, 2, 3 } console.log(mySet.has(2 …

继续阅读“JS `Set` 的集合运算：`union`, `intersection`, `difference` (通过手动实现或未来提案)”

发布于

JS `Set` 与 `Map` 的实用技巧：去重、数据映射与性能优势

各位观众老爷，大家好！我是你们的老朋友，码农张三。今天咱们不聊风花雪月，就来唠唠嗑，聊聊 JavaScript 里两个实用的小伙伴：Set 和 Map。 别看它们名字挺简单，用好了，能让你的代码效率嗖嗖地往上涨，还能让你的面试官眼前一亮，觉得你这小子/丫头有点东西！ 开场白：Set 和 Map，你们是来搞笑的吗？ 很多人第一次接触 Set 和 Map，可能觉得它们和数组、对象差不多，没什么特别的。甚至会觉得，"这玩意儿是来搞笑的吗？我已经有数组和对象了，还要你们干啥？" 别急，且听我慢慢道来。 Set 和 Map 就像是武器库里的两把瑞士军刀，看似不起眼，但在特定场景下，能发挥出意想不到的作用。 咱们先从 Set 开始说起。 第一部分：Set 的奇妙之旅：去重神器与集合运算 Set，顾名思义，集合。它最大的特点就是：不允许重复元素。 这简直就是去重界的扛把子！ 去重，so easy！ 传统的数组去重，可能需要你写一堆循环判断，各种 indexOf、includes 满天飞，代码又臭又长。 但有了 Set，一切都变得简单粗暴： const arr = [1, 2, 2 …

继续阅读“JS `Set` 与 `Map` 的实用技巧：去重、数据映射与性能优势”

发布于

JS `RegExp Set Notation` (提案)：更强大的正则表达式字符集操作

各位听众，早上好！ 今天咱们聊点刺激的，就是那个正则表达式里的“集合表示法”（RegExp Set Notation）提案。 别怕，听名字唬人，其实就是让你的正则表达式的字符集操作变得更强大、更灵活，玩出更多花样。 一、 什么是字符集，以及它现在的局限性 首先，我们来回顾一下什么是字符集。 在正则表达式里，字符集（Character Set，也叫字符类）是用方括号 [] 包裹的一系列字符，它匹配方括号内的任意一个字符。 比如： [abc] 匹配 ‘a’、’b’ 或 ‘c’ 中的任意一个。 [0-9] 匹配 0 到 9 之间的任意一个数字。 [^abc] 匹配除了 ‘a’、’b’ 和 ‘c’ 之外的任意一个字符（取反）。 字符集是正则表达式里非常基础但又极其重要的组成部分。 但是，目前的字符集操作比较简单，主要就是字符的罗列、范围的指定以及取反。 如果你想表达更复杂的字符集关系，比如求并集、交集、差集、对称差等等，那就力不从心了。 例如，你想匹配 …

继续阅读“JS `RegExp Set Notation` (提案)：更强大的正则表达式字符集操作”

发布于

JS `Set Methods` (提案) 的集合运算：`union`, `intersection`, `difference`

咳咳，大家好！今天咱们聊点儿有意思的，关于 JavaScript 中 Set 的集合运算，也就是 union（并集）、intersection（交集）和 difference（差集）。这仨哥们儿如果能直接在 Set 对象上用，那写代码的时候就能少掉不少头发，不用自己吭哧吭哧地造轮子了。 现在这还只是个提案，但咱们可以先展望一下未来，看看有了它们，咱们能怎么玩转 Set。 为什么要搞集合运算？ 首先，得明白为啥需要这些集合运算。Set 的特点就是元素唯一且无序。很多时候，我们需要对不同的数据集进行合并、筛选或者找出差异。举几个栗子： 数据去重和合并： 假设你有两个用户列表，一个来自 A 系统，一个来自 B 系统，你想要合并这两个列表，同时去除重复的用户，这时候并集就派上用场了。 权限控制： 假设你有两个角色，每个角色都有不同的权限，你想要找出两个角色共同拥有的权限（交集）或者一个角色独有的权限（差集）。 A/B 测试： 假设你做了两个版本的 A/B 测试，你需要找出同时参与了两个测试的用户（交集）。 如果没有这些集合运算，你就得自己写循环、判断，代码又臭又长，还容易出错。有了这些方法，代 …

继续阅读“JS `Set Methods` (提案) 的集合运算：`union`, `intersection`, `difference`”