这是我参与「第五届青训营」伴学笔记创作活动的第2天

如何写好JavaScript

什么是JavaScript

JavaScript是一种具有函数一种具有函数优先的轻量级，解释型或即时编译型的编程语言 JS由三部分构成.

• ECMAScript,js语言核心部分,其作用是描述了该语言的语法和基本对象
• 文档对象模型(DOM),网页文档操作标准
• 浏览器对象模型(BOM),客户端和浏览器窗口操作基础

写好js的一些原则

各司其责

结构（HTML）、表现（CSS）、行为（JavaScript）分离

组件封装

组件是指web页面上抽出来的一个个包含模板（HTML）、功能（JS）和样式（CSS）的单元。 重构：插件化
解耦

• 将控制元素抽取成插件
• 插件与组件之间通过依赖注入方式建立联系

重构：模板化
解耦

• 将HTML模板化，更易于拓展 重构：抽象化

总结

• 组件设计的原则：封装性、正确性、拓展性、复用性
• 实现组件的步骤：结构设计、展现效果、行为设计
• 三次重构：
  • 插件化：将控制元素抽取成插件、插件与组件之间通过依赖注入方式建立联系。
  • 模板化：将HTML模板化，更易于kuoz。
  • 抽象化（组件框架）：将组件通用模型抽象出来。

过程抽象

• 用来处理局部抽象细节控制的一些方法
• 函数式编程思想的基础应用
  Once
  为了能够让只执行一次的需求覆盖不同的事件处理，我们可以将这个需求剥离出来，这个过程我们称为过程抽象
  HOF
  • 以函数为参数
  • 以函数作为返回值
  • 常用于作为函数装饰器

编程范式

• 命名式
• 声明式：是以数据结构的形式来表达程序执行的逻辑。即告诉计算机应该做什么，但不指定具体要怎么做
• 函数式：以函数为第一位，即函数可以出现在任何地方，可以把函数作为参数传递给另一个函数，即关注做什么而不是怎么做。