JavaScript 模式之 switch 前端早读课第29期

傻瓜都能写出计算机能理解的程序。优秀的程序员写出的是人类能读懂的代码。

本期编辑: Nicole_tiny,九彩拼盘

switch 模式

用 switch 写出可读性好,健壮的代码。这么写:

var inspect_me = 0,
    result = '';
switch (inspect_me) {
case 0:
  result = "zero";
  break;
case 1:
  result = "one";
  break;
default:
  result = "unknown";
}

要注意如下几点:

  1. case 和 switch 对齐。代码有合适的缩进。
  2. 每个 case 后面都要有 break。
  3. 如果有需求几个 case 公用代码(不加 break),需要专门写注释说明,否则会被认为是漏写了 break。
  4. switch 必须以 default 结尾来处理一些未知情况。

所有 JavaScript 模式:http://shichuan.github.io/javascript-patterns/

文章推荐

《前端性能优化之 DOM 篇》

概要

  • DOM的定义
  • DOM性能优化涉及的方面
  • 优化HTML的结构
  • 浏览器的工作原理
  • 如何避免触发重绘和回流

阅读地址:http://fsux.me/%E9%9A%8F%E7%AC%94/%E6%9E%B6%E6%9E%84/%E6%B5%85%E8%B0%88%E5%89%8D%E7%AB%AF/2017/04/13/Front-end-performance-optimization-dom.html

往期前端早读课地址:http://www.jianshu.com/c/0fda3d387a6d

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • ¥开启¥ 【雷霆战机】 〖http://pan.baidu.com/s/1kVstszX〗 《解压源码后直接用AI...
    小菜c阅读 3,770评论 0 5
  • ¥开启¥ 【雷霆战机】 〖http://pan.baidu.com/s/1kVstszX〗 《解压源码后直接用AI...
    小菜c阅读 3,576评论 1 10
  • ¥关闭¥ 【雷霆战机】 〖http://pan.baidu.com/s/1kVstszX〗 《解压源码后直接用AI...
    小菜c阅读 9,515评论 0 19
  • @synthesize和@dynamic分别有什么作用?@property有两个对应的词,一个是 @synthes...
    笔笔请求阅读 531评论 0 1
  • 你现在正在组建销售团队,那么你一定要看,并要多看几遍!最好一个人在一边大声读出来,并且要边读边想! 一、销售过程中...
    胡文田阅读 498评论 0 0