JavaScript笔记-工具盒子

JS设计模式之建造者模式

2024-12-01 厉飞雨阅读(286) 评论(0) 赞(18)

意图 {#意图} -------- > 将一个复杂对象的构建与它的表示（即实例对象）分离，使得同样的构建过程可以创建不同的表示 > > ------《设计模式：可复用面向对象软件的基础》中文版第74页这句话里包含着两个要素：第一个是分离构建与表示，也就是说我们要单独创建一个新的类`XxxBuilder`来进行构建操作；第二个是这个`XxxBuilder`...

JS设计模式之策略模式

2024-12-01 厉飞雨阅读(178) 评论(0) 赞(11)

意图 {#意图} -------- > 定义一系列算法，把它们一个个封装起来，并且使它们可以相互替换。本模式使得算法可独立于使用它的客户而变化。 > > ------《设计模式：可复用面向对象软件的基础》中文版第234页由于在JS中，函数是一等公民，所以我们这里直接把函数当作这一个个策略对象即可。示例 {#示例} -------- 我们的编码目的...

原生JS实现哈希路由

2024-12-01 厉飞雨阅读(309) 评论(0) 赞(13)

源码 {#源码} -------- 使用[Codepen在线体验](https://codepen.io/kifuan/pen/RwQjrzM)和查看源码。页面代码 {#页面代码} ------------ 在我们用前端框架的时候，经常用到路由技术，就是在地址栏确实发生了变化但是页面没有刷新，那么本文就介绍通过更改哈希的方式实现这样一种路由，下面是页面代码： |---...

JS设计模式之适配器模式

2024-12-01 厉飞雨阅读(283) 评论(0) 赞(16)

意图 {#意图} -------- > 将一个类的接口转换成客户希望的另外一个接口。适配器模式使得原本由于接口不兼容而不能一起工作的那些类可以一起工作。 > > ------《设计模式：可复用面向对象软件的基础》中文版第106页值得注意的是，在JS中，我们对于数据类型的适配（把后端传来的JSON转成我们希望的格式）也应属于适配器的范畴，所以下文中分别叙述...

JS设计模式之装饰器模式

2024-12-01 厉飞雨阅读(233) 评论(0) 赞(16)

意图 {#意图} -------- > 动态地给一个对象添加一些额外的职责。就增加功能来说，装饰器模式相比生成子类更为灵活。 > > ------《设计模式：可复用面向对象软件的基础》中文版第132页在Java中这样的设计可太多了，比如进行IO操作时的`XxxReader`，那么这里就模仿它进行一个应用。示例 {#示例} -------- 如下： ...

JS的函数和this

2024-12-01 厉飞雨阅读(352) 评论(0) 赞(23)

背景 {#背景} -------- 我没有系统性的从头开始学过一遍JS，全凭之前学的其它语言，尤其是Python，直接上手操作了，所以留了不少的坑。虽然对我来说是一个坑，但我觉得本文更适合放到学习的分类里。给出下列代码。这里是对原问题的一个抽象，只是把问题的核心单独摘出来了： |------------------------------------|-------...

JS迭代器和生成器

2024-12-01 厉飞雨阅读(315) 评论(0) 赞(15)

背景 {#背景} -------- 遍历数组的时候，我相信大多数人已经用上ES6的`for...of`语法了： |---------------------|--------------------------------------------------------------------------------------| | ``` 1 2 3 4 5 6 ```...

JS统计中英文字数

2024-12-01 厉飞雨阅读(189) 评论(0) 赞(22)

源码 {#源码} -------- > 来自半年后的说明：我把代码转放到 gists 里了，当时代码风格受 Python 影响较大，这里就不再更改了，毕竟大家本地都有自己的格式化工具。点击[这里](https://gist.github.com/hikariyo/b838dff3bdf0d280b25f50a66abd699c)前往Github获取本文源码。需求...

在JS中愉快地使用枚举

2024-12-01 厉飞雨阅读(205) 评论(0) 赞(15)

背景 {#背景} -------- 在JS中并没有原生枚举的实现，可以通过下面几种方法来模拟类似的操作。直接使用字符串 {#直接使用字符串} ------------------ 上代码： |---------------------------------------|-------------------------------------------------...