如何写好Javascript

71 阅读1分钟

如何写好Javascript:

写好JS的一些原则:

  • 各司其职: 让HTML,CSS和Javascript职能分离

132f33a2b9145f86df7630d81632fda.png

  • 组件封装: 好的UI组件具备正确性,扩展性,复用性

轮播图的实现

b4da362bc4d1a8037ae2c1a200b1c63.pngd195532fa1fb44e2578556a9c94d6c6.png 5e5c0aae5445edabf9494338af25d6e.png703ccd91a560802e6f83882ae321bbb.png

抽象: 将组件通用模型抽象出来

51ac073ebf93a0eb5911fce6c30a552.png

  • 过滤镜像: 应用函数式编程思想

编程范式:

1.过程抽象:

ce4363b8501e2cd69c2bc43f1937ddc.png 处理局部细节控制的一些方法 函数式编程思想的基础应用

2.高阶函数(HOF): 以函数作为参考 以函数作为返回值 常用于作为函数装饰器 常用的高阶函数有:Once,Throttle,Debounce,Consumer/2,Iterative

3.命令式和声明式

f04a79ab86cb6226400818c12994efc.png

写代码最应该关注什么

最终从使用场景中可以看出代码写的好坏

  • 风格
  • 效率约定
  • 使用场景
  • 设计

leftpad事件:

因为node的迅速发展,出现了许多node的包和模块,为了代码的美观,leftpad作为其中之一的模块被很多库依赖,当这个函数下架后,很多库都不能用了,所以leftpad事件被很多人吐槽,其槽点为:NPM模块粒度,代码风格,代码质量和效率。

总结

JavaScript作为前端最重要的语言之一和CSS,HTML之间连接紧密,同时又负责不同的职责,所以才有了我们美观多功能的网站页面.要学好JavaScript首先要了解的是他的3个原则:各司其职,组件封装和过滤镜像,也要注意其细节,函数的各种形式和其方法.最后,对于代码的简单有效也很重要,其性能的高低对使用者的体验非常重要.