最近在读《编写可维护的javascript》这本书,为了加深记忆,简单做个笔记,同时也让没有读过的同学有一个大概的了解。

一、编程风格

  程序是写给人读的,所以一个团队的编程风格要保持一致。

  1、缩进:一种是利用制表符缩进,一种是使用空格符缩进,各有利弊,任选一种,保持一致即可。个人比较喜欢制表符缩进。

  2、语句结尾需要加上分号,避免没必要的BUG。

  3、命名:首先要语义化,使用驼峰式命名法,小驼峰即首字母小写,之后每个单词首字母大写;大驼峰即首字母大写,之后同小驼峰;变量名前缀应该是名词(myName),函数名前缀应该是动词(getName),常量全部使用大写字母(MY_NAME),非常直观,构造函数使用大驼峰命名法(DateFormat)。

  4、注释:单行注释用//,多行注释用/**/,单行注释//之后总有一个空格,下一行代码缩进层级应与注释保持一致。难以理解或是容易被认为是错误的代码前应该加上注释。

  5、花括号对齐方式推荐这种:  

if(  ){

}else{

}

  不推荐这种:

if(  )
{ }
else
{ }

  6、避免使用with语句。

  7、for in 语句是用来遍历对象的属性值的,遍历数组请使用for循环

  8、在函数顶部定义变量,变量前一定要写上var语句,定义多个变量可以用逗号隔开,如:

var name = "wangmeijian",
age = 23,
sex = "boy";

  同时,字符串统一使用双引号。

  9、判断两个值是否相等时,使用===或!==,不推荐使用==和!=,因为javascript具有强制类型转换机制会造成意想不到的结果。

  10、javascript中,eval()不是唯一可以执行javascript字符串的函数,使用Function构造函数也可以做到,setTimeout()和setInterval()也可以。例如:

var wmj=new Function( "alert('Hi')" )
wmj() setTimeout( "document.body.style.background='red'",100 ); setInterval( "document.write('It is now"+ (new Date()) +"')",1000 ) //书上这个例子有错误,本文已更正

  这三种用法都比较少见。

  11、原始包装类型:先看一段代码

var name = "wangmeijian";
console.log( name.toUpperCase() );

  一个字符串是没有方法的,但你仍然可以使用toUpperCase()之类方法,这是因为在这条语句背后javascript引擎创建了String类型的新实例,紧跟着就被销毁了。String就是该字符串的原始包装类型。  

《编写可维护的javascript》读书笔记(上)的更多相关文章

  1. 编写可维护的Javascript读书笔记

    写在前面:之前硬着头皮参加了java方面的编程规范培训,收货良多,工作半年有余的时候,总算感觉到一丝丝Coding之美,以及造轮子的乐趣,以至于后面开发新功能的时候,在Coding style方面花了 ...

  2. 《编写可维护的JavaScript》 笔记

    <编写可维护的JavaScript> 笔记 我的github iSAM2016 概述 本书的一开始介绍了大量的编码规范,并且给出了最佳和错误的范例,大部分在网上的编码规范看过,就不在赘述 ...

  3. 编写可维护的javascript阅读笔记

    格式 变量 变量命名, 采取小驼峰大小写 变量使用名词, 函数前缀为动词 局部变量应统一定义在函数的最上面, 而不是散落在函数的任意角落. 赋初始值的定义在未赋初始值的变量的上面. 我个人建议不使用单 ...

  4. 读《编写可维护的javascript》笔记

    第一章 基本的格式化 缩进层级:推荐 tab:4; 换行:在运算符后面换行,第二行追加两个缩进: // Good: Break after operator, following line inden ...

  5. 《编写可维护的javascript》读书笔记(中)——编程实践

    上篇读书笔记系列之:<编写可维护的javascript>读书笔记(上) 上篇说的是编程风格,记录的都是最重要的点,不讲废话,写的比较简洁,而本篇将加入一些实例,因为那样比较容易说明问题. ...

  6. 【读书笔记】读《编写可维护的JavaScript》 - 编程实践(第二部分)

    本书的第二个部分总结了有关编程实践相关的内容,每一个章节都非常不错,捡取了其中5个章节的内容.对大家组织高维护性的代码具有辅导作用. 5个章节如下—— 一.UI层的松耦合 二.避免使用全局变量 三.事 ...

  7. 编写可维护的JavaScript代码(部分)

    平时使用的时VS来进行代码的书写,VS会自动的将代码格式化,所有写了这么久的JS代码,也没有注意到这些点.看了<编写可维护的javascript代码>之后,做了些笔记. var resul ...

  8. 推荐一本好书:编写可维护的JavaScript(可下载)

    目录 推荐一本好书:编写可维护的JavaScript(可下载) 书摘: 下载: 有些建议: 推荐一本好书:编写可维护的JavaScript(可下载) 书摘: 很多设计模式就是为了解决紧耦合的问题.如果 ...

  9. 拯救一切强迫症 - 读《编写可维护的 JavaScript》(一)

    拯救一切强迫症 - 读<编写可维护的 JavaScript>(一) 本文写于 2020 年 4 月 24 日 我在小学的时候就有接触过编程,所以读大一的时候 C 语言还算是轻车熟路.自然会 ...

随机推荐

  1. C++时间标准库时间time

    转自:http://www.cnblogs.com/yukaizhao/archive/2011/04/29/cpp_time_system_time.html (玉开) C++标准库中的时间需要引用 ...

  2. Flink流处理操作符

    一.工程创建与准备 使用maven进行工程创建,且采用提供的flink-quickstart模版,便利很多.

  3. Bellman-Ford 最短路径算法

    算法证明:http://courses.csail.mit.edu/6.006/spring11/lectures/lec15.pdf 先来看一个这样的图: 这是含有负边权的,如果是用djistra的 ...

  4. 贪心算法: Codevs 1052 地鼠游戏

    #include <iostream> #include <algorithm> #include <queue> #include <cstring> ...

  5. dede调用多级导航的方法

    <div id="navWrapper"> <div class="content"> <ul class="nav m ...

  6. (64位)本体学习程序(ontoEnrich)系统使用说明文档

    系统运行:文件夹system下,可执行文件ontoEnrichment 概念学习 --------------------------------------------------------1.简 ...

  7. 在Emacs中启用Fcitx输入法

    安装fcitx输入法,在 ~/.xinitrc文件中添加如下内容 (我用startx启动图形环境,所以在~/.xinitrc中配置X会话) export LC_CTYPE="zh_CN.UT ...

  8. react componentWillReceiveProps 使用注意

    componentWillReceiveProps(nextProps) 请务必使用 nextProps  不要使用 this.props 1个小时的教训...

  9. JS异常简单处理

    有时候JS某一处报错会导致整个页面JS的运行出问题,于是想的简单研究一下JS的错误处理机制.更详细的可以自己参考网站研究:   https://developer.mozilla.org/zh-CN/ ...

  10. springboot整合rabbirmq(3.7.9)中使用mandatory参数获取匹配失败的消息以及存入rabbitmq备份交换器中!

    先说下这个参数的作用: /** * Mandatory为true时,消息通过交换器无法匹配到队列会返回给生产者 * 为false时,匹配不到会直接被丢弃 */在一些特定场景下还是有用处的!接下来说一下 ...