这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天
前端技术栈之JS｜ 青训营笔记
目录：
- 什么是JavaScript
- 写好JS的一些原则
- 组件封装
- 高阶函数
- 常用的高阶函数
自行总结：
- 简单了解DOM
- 写JS注意事项
什么是JavaScript
JavaScript是一种轻量级，解释型或编译型的编程语言，虽然它是因脚本语言而出名，但也被运用到了很多非浏览器环境中，并且支持面向对象，命令式，声明式，函数式编程程序。
JavaScript跟java并没有什么关系
写好JS的一些原则
- 各司其责：让HTML，CSS和JavaScript职能分离（分开）。
- 组件封装：UI组件具备正确性，扩展性，复用性。
- 过程成宿：应用函数式编程思想。
组件封装
组件指Web页面上抽出来一个个包含HTML（模板），JS（功能），和CSS（样式）。
组件设计的原则：封装性，正确性，扩展性，复用性。
实现组件的步骤：结构设计，展现效果，行为设计。
三次重构：
- 插件化
- 模块化
- 组件框架
封装是指将一种抽象式函数接口细节部分包装
封装的好处：
- 封装能降低耦合性。
- 方便数据统一管理，内部结构可灵活修改。
高阶函数
高阶函数就是以函数为参数或以函数为返回值，满足其中一个就是高阶函数。
总结：
- 以函数作为参数
- 以函数函数作为返回值
- 常用于作为函数装饰器
常用的高阶函数
- once（被执行一次的函数）
- Throttle（节流函数）
- Debounce（防抖动函数）
- Consumer（函数式接口）
- Lterative（迭代函数）
简单了解DOM
DOM一般指文档对象模型。文档对象模型是W3C组织推荐的处理可扩展置标语言的标准接口，通过这些DOM接口可以改变网页的内容，结构和样式。 步骤分为：
- 获取页面元素：document（文档）.getElementByid(id) 获取HTML中标签id get（获取）element（元素） by（通过）
- 注册事件（绑定事件）
- 添加事件处理程序（采用函数赋值形式）
写JS注意事项
- 注意优化代码可维护性
- 遵循命名规范，驼峰
- 写好注释，不求多也不求少，只求简易可懂，因为将来维护代码的可能还是自己。
- 代码的扩展性和复用性
