如何写好JS的三大原则
- 各司其职：让HTML，CSS和JavaScript职能分离
- 组件封装：好的UI组件具备正确性，扩展性，复用性
- 过程抽象：应用函数式思想
二、详细知识点介绍：
封装
一般在进行团队开发的时候，会有很多人对代码和需求进行开发，这样的话就很容易导致代码出现不可控的问题，所以我们需要对方法进行封装
封装的好处：
- 随时调用
- 代码量减少，复用性提高
- 易于维护和修改
// 利用对象封装自己的数学对象 里面有PI 最大值和最小值 var myMath = { PI:3.141592653, max:function(){ var max = arguments[0]; for(var i =1;i<arguments.length;i++){ if(arguments[i] > max){ max = arguments[i]; } } return max; }, min:function(){ var min = arguments[0]; for(var i =1;i<arguments.length;i++){ if(arguments[i] < min){ min = arguments[i]; } } return min; }, } 复制代码
Dom
事件的三要素：
- 事件源：需要触发的对象
- 事件类型：如何触发，是什么事件，比如鼠标点击（onclick）还是鼠标经过，还是键盘按下
- 事件处理程序：通过一个函数赋值的方式完成
执行事件的步骤：
- 获取事件源
- 绑定事件 注册事件
<div>123</div> <script> //点击div 控制台输入 我被选中了 // 1.获取事件源 var div = document.querySelector('div'); // 2.绑定事件 注册事件 div.onclick = function(){ console.log("我被选中了"); } </script> 复制代码
高阶函数
- 以函数作为参数
- 以函数作为返回值
- 常用于作为函数的装饰器
