标签： 或类

发布于

JavaScript内核与高级编程之：`JavaScript` 的 `Decorators`：如何编写一个函数或类的 `Decorator`。

各位靓仔靓女，早上好！ 很高兴今天能和大家聊聊JavaScript里一个挺有意思的特性：Decorators（装饰器）。 别害怕，听起来好像很高大上，但其实它就是个语法糖，让你的代码更优雅、更易读。 今天咱们就来深入浅出地扒一扒它，看看如何编写函数和类的装饰器。 开场白：为什么要用装饰器？ 想象一下，你有一个函数，需要在执行前后做一些额外的事情，比如记录日志、验证权限、缓存结果等等。 你可能会这样做： function myFunction() { console.log(“函数开始执行…”); // 记录日志 // … 函数的核心逻辑 … console.log(“函数执行完毕…”); // 记录日志 } 如果有很多函数都需要做类似的事情，那你就要在每个函数里都写一遍这些额外的逻辑。 这不仅重复劳动，而且让代码变得臃肿不堪，难以维护。 这时候，装饰器就派上用场了！ 它可以让你把这些额外的逻辑抽离出来，像给函数“穿衣服”一样，动态地给函数添加功能，而不用修改函数本身的逻辑。 什么是装饰器？ 简单来说，装饰器就是一个函数，它接收一个函数或类作为参数，并返回一个新的函数或类 …

继续阅读“JavaScript内核与高级编程之：`JavaScript` 的 `Decorators`：如何编写一个函数或类的 `Decorator`。”

发布于

Array.from：从可迭代对象或类数组创建新数组

Array.from：数组变形金刚，让数据“七十二变” 各位看官，今天咱不聊那些高大上的框架，也不谈深奥的算法，咱们就来唠唠 JavaScript 里一个不起眼，但却异常实用的家伙：Array.from。 这家伙啊，就像数组界的“变形金刚”，能把各种奇奇怪怪的东西，Duang 的一下，变成一个正儿八经的数组。你可能会想，数组不就 [] 这样吗？直接赋值不就完事儿了吗？为啥还要这么个“变形金刚”出来折腾？ 别急，且听我慢慢道来。 故事的开始：那些“长得像数组”的家伙们 在 JavaScript 的世界里，有很多东西，看着像数组，用起来却不是那么回事。比如说： 字符串： 你可以用 str[0] 访问字符串的第一个字符，但它不是数组，没办法直接用 push、pop 这些数组方法。 arguments 对象： 在函数内部，你可以用 arguments 拿到所有传入的参数，但它也不是数组，而是一个“类数组对象”。 DOM 节点列表 (NodeList)： 通过 document.querySelectorAll 获取的元素列表，看着像数组，但也是个“类数组对象”。 Set 和 Map： 这哥俩是 …

继续阅读“Array.from：从可迭代对象或类数组创建新数组”