如何让JavaScript更加语义化

142 阅读1分钟

JavaScript语义化:

  • 赋予标签含义,让代码结构更加清晰,虽然我们可以在标签上添加 class 来标识,但这种通过属性来表示本体的形式会显得不够直接,而且在一定程度上也有冗余。
  • 优化搜索引擎(SEO),结构良好的网页对搜索引擎的亲和力是很高的,百度和 google 也给出了很多网页结构化的建议(规范),方便他们抓取网页。
  • 利于设备解析,如盲人阅读器对页面的分析,目前淘宝很多网页都是支持盲人阅读的,这种体验上的优化得利于网页的良好结构和语义化表达。
  • 便于开发者维护,在参加工作之前,很多程序员都是单人开发模式,单人开发无所谓代码结构,自己看得懂就差不多了,一旦走向工作岗位,会发现,以前的鄙习有点让自己捉襟见肘了。

如何做才更加语义化:

  • 正确标记变量 :设置轻易读懂的变量名,例如:isCss,isPhone.....
  • 封装某个动作 :将类似的方法封装成公用方法,提高代码的可读性,提高开发效率,以及代码的组织性
  • 注意函数的写法 : (函数的多种写法,下节进行讲解)
  • 不容易理解的东西,加注释