至棣

经过之前的在JavaScript中理解策略模式、在JavaScript中理解组合模式、浅谈MVC/MVP/MVVM模式（概述） 和 较早之前的进击的观察者模式等文章的铺垫，终于可以把这些理论的东西用于实践了。 废话不多说，直奔主题。 (以下代码可见博客原文 或 普通实现—cod…

不管承不承认，页面的展示都是数据的可视化。HTML 是数据，CSS 是数据，JS也是数据。只是这些数据的组合最终变成了我们想要的效果。 最为直观的是，我们在开发者工具 Console 控制台中，输入任何形式的数据并点击 Enter 时，最终会在下方显示出来（前提是输入正确的数据…

组合模式就是用小的子对象来构建更大的对象, 将对象组合成树形结构, 以表示 “部分-整体” 的层次结构. 位于底层最小的对象, 我们在这里称为叶对象, 由叶对象组成的组合对象我们称为分支对象, 位于最顶层的根对象在这里我们也称为分支对象. 不过它们只是结构上呈现出父子关系. 组…

JavaScript 可以模拟实现传统面向对象语言的设计模式. 事实上也的确如此, 好多的代码 demo 都是沿着这个思路分析的. 看完后心里不免有种一万头🦙在奔腾, 还顺便飘来了六个字, 走(qu)你(de), 设计模式. 然而仅仅是生搬硬套, 未免会失去 JavaScri…

Array.prototype.fill() 的使用. 简单类型和复杂类型赋值/复制、传参的区别. 空单元数组的弊端. 箭头函数中的 return 和 this. Function.prototype.apply() 的非常规使用. 将考场位置做成一个表格, 对考生位置按排统计…

作用域机制是不能直接查看的, 我们首先模拟一个场景来尽可能的说明作用域这套规则, 然后通过代码片段和开发者工具进行验证. 想必大家都有玩过游戏的经验. 刚开始的时候, 也就是第一关, 难度比较简单. 到了第二关的时候, 就在第一关的基础上加些难缠的角色, 难度相应地加大了. 关…

在 JavaScript 中, 重复用到的逻辑我们会用函数包装起来, 在合适且需要的情况下, 调用该函数即可. 而 apply, call, new 等方法也拓宽了函数的使用场景. 除了这种借来的, 我们还有继承来的. 这就是常说的原型继承. 当对象本身没有要查询的属性或方法时…

作为开发人员, 往往会遇到或写过涉及到类型转换的代码, 只是我们从来没有意识到. 掌握了JavaScript强制类型转换的抽象操作, 以上的问题都是小儿科. 滑至文章底部可直接看栗子🌰. 掘金Markdown部分语法不支持, 可点此阅读原文. JavaScript 有七种内置…