第一部分

一、基本规范

1.缩进：一般以四个空格为一个缩进。

2.语句结尾：最好加上分号，因为虽然“自动分号插入（ASI）”机制在没有分号的位置会插入分号，但是ASI规则复杂而且会有特殊情况发生

// 源代码

function aaa() {

    return

    {

         title: 'aaaa',

         id: '2222'

    }

}

// ASI解析

function aaa() {

    return;

    {

         title: 'aaaa',

         id: '2222'

    }

}

此时return换行会返回undefined

3.行的长度：不应超过80个字符

4.换行：一般在运算符（比如逗号）后换行，然后增加两个层级（一个层级为四个空格的话，增加的就是八个空格）。

当给变量赋值时，第二行位置应当和赋值运算符位置保持对齐

var result = aaaa + bbbb + ccccc + dddd + eeee +

             fffffffff + gggggg + hhhh

5.空行：适当空行增加代码可读性

在方法之间
在方法中的局部变量和第一条语句之间
在多行或单行注释前
逻辑片段间

6.命名方法：驼峰式

变量：应用名词进行命名 var name = "skq"

函数：应以动词为函数名前缀 function doSomething(){}

常量：使用大写字母和下划线命名 var MAX_COUNT = 10;

7. 注释

单行注释后要有一个空格 // 注释
多行注释，要与前一段代码前有一个空行

// 这是一个数组

var aaa = [1,2,3,4];

/*

 * 这是一个函数

 * 有一个变量为aaa

 */

function aaa() { 
　　var aaa = [1,2,3,4]; 
}

二、语句和表达式

1.switch - default

default可省略

2.for - break&&continue

break: 终止本次循环

continue: 跳出本次循环

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <script type="text/javascript">

        var arr = [1, 2, 3, 4];

        var len = 2;

        function aaa(data) {

            console.log(data);

        }

        for (var i = 0; i < arr.length; i++) {

            if (i === len) {

                break;

            }

            aaa(arr[i]); // 1,2

        }

        for (var i = 0; i < arr.length; i++) {

            if (i === len) {

                continue;

            }

            aaa(arr[i]); // 1,2,4

        }

    </script>

</head>

<body>

</body>

</html>

避免使用continue，尽量使用if语句

3.for-in

在使用for-in时，它不仅遍历对象的实例属性，同样还遍历从原型集成来的属性。当遍历自定义对象属性时，往往会因为意外的结果终止。所以用hasOwnProperty()在来for-in循环过滤出实例属性。

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <script type="text/javascript">

    var obj = {

        name: 'aaa',

        age: 11

    }

    for (attr in obj) {

        if (obj.hasOwnProperty(attr)) {

            console.log(obj[attr]);

        }

    }

    </script>

</head>

<body>

</body>

</html>

三、变量、函数和运算符

1. var的使用

建议var合并成一条语句

var aaa = 10,

    bbb = aaa + 10,

    ccc,

    ddd;

2.具有强制类型转换机制：等号（==）

推荐使用 === 和！==，不会涉及强制类型转换

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <script type="text/javascript">

    alert(false == 0); // true

    alert(true == 1);  // true

    alert(true == 2);  // false

    </script>

</head>

<body>

</body>

</html>

3. eval(), setIterval(), setTimeout(), 和 Funtion中传入字符串时，都可当做代码来执行，避免传入字符串

var myfunc = new Function("alert('Hi')");

四、编程实践

1. 将css从JavaScript中抽离

用className替代style（除了定位的情况）

五、事件处理

1.隔离应用逻辑

把应用逻辑单拎出来，这样就可复用于很多地方了

2.不要分发事件对象（event）

最佳办法是让事件处理程序使用event对象来处理事件，然后拿到所有需要的数据传给应用逻辑

六、避免空比较

1、检测原始值

检测类型：Boolean、Number、String、null、undefined

方法：typeof

注意： null不应用于检测语句，如果要对比的确实为null，用 === 或者==!来精确判断

2、检测引用值（object）

内置引用类型：Object、Array、Date、Error

方法：instanceof (不仅检测对象的构造器，还检测原型链)

* instanceof不使用函数和数组

3、检测函数

方法：typeof

* typeof 可以跨帧（frame），但是IE8及更早版本有问题（返回Object）

  /**
　　*  underscore源码
   */
  if (typeof /./ != 'function' && typeof Int8Array != 'object') {

    _.isFunction = function(obj) {

      return typeof obj == 'function' || false;

    };

  }

4、检测数组

/**
 * underscore给出的方案
 */
 var nativeIsArray  = Array.isArray;

 _.isArray = nativeIsArray || function(obj) {

    return toString.call(obj) === '[object Array]';

 };

// 书中给出方案　　
function isArray(value) {

   　　 if (typeof Array.isArray === “function”)  {

        　　return Array.isArray(value);

    　　} else {

       　　 return Object.prototype.toString.call(value) === "[object Array]"

   　　 }

　　}

四、将配置数据从代码中分离

1、配置数据类型

写死在代码里的值
URL：比如API的url
展现给用户的字符串：比如报错提示
重复的值
任何可能变化的值

2、抽离配置文件

3、把配置数据放在一个独立的文件里

五、文件和目录结构

基本目录结构

build 放置最终构建后的文件，理想情况下不应该提交
src 放置所有源文件，包括用来进行文件分组的子目录
test或tests 放置所有的测试文件

六、附录总结

1. 缩进为4个空格（？可能因为这本写的时间比较长了？现在多个比较有名的框架都是两个空格为一个缩进，不过这个我搜了一下，也看个人习惯和团队规范）

2.一行不超过80个字符

《编写可维护的Javascript》学习总结的更多相关文章

mongoDB权威指南学习笔记
//mongoDB第1-3章节添加,修改,修改器的笔记: //备注:和MySQL查询一样,时刻想着优化查询数据的时间和性能 //db.help() //数据库帮助信息 //db.blog.help() ...
Hadoop权威指南学习笔记二
MapReduce简单介绍声明:本文是本人基于Hadoop权威指南学习的一些个人理解和笔记,仅供学习參考,有什么不到之处还望指出,一起学习一起进步. 转载请注明:http://blog.csdn.n ...
《JS权威指南学习总结》
JS权威指南学习总结:http://www.cnblogs.com/ahthw/category/652668.html
《JS权威指南学习总结--开始简介》
本书共分成了四大部分: 1.JS语言核心 2.客户端JS 3.JS核心参考 4.客户端JS核心参考其中 <JS权威指南学习总结--1.1语法核心> 是:第一部分JS语言核心各章节重点 ...
Hadoop权威指南学习笔记一
Hadoop简单介绍声明:本文是本人基于Hadoop权威指南学习的一些个人理解和笔记,仅供学习參考,有什么不到之处还望指出.一起学习一起进步. 转载请注明:http://blog.csdn.net/ ...
Hadoop权威指南学习笔记三
HDFS简单介绍声明:本文是本人基于Hadoop权威指南学习的一些个人理解和笔记,仅供学习參考.有什么不到之处还望指出,一起学习一起进步. 转载请注明:http://blog.csdn.net/my ...
HTTP权威指南-学习笔记
目录 HTTP权威指南-学习笔记 HTTP: Web的基础 URL与资源 HTTP报文连接管理 HTTP结构 Web服务器代理缓存集成点: 网关,隧道及中继 Web机器人识别,认证与安全客 ...
JavaScript 权威指南-学习笔记（一）
本文所有教程及源码.软件仅为技术研究.不涉及计算机信息系统功能的删除.修改.增加.干扰,更不会影响计算机信息系统的正常运行.不得将代码用于非法用途,如侵立删! ## JavaScript 权威指南-学 ...
CSS权威指南学习笔记系列(1)CSS和文档
题外话:HTML是一种结构化语言,而CSS是它的补充:这是一种样式语言.CSS是前端三板斧之一,因此学习CSS很重要.而我还是菜鸟,所以需要加强学习CSS.这个是我学习CSS权威指南的笔记,如有不对, ...
Node.js权威指南学习记录
学习nodeJS权威指南的学习记录导航: 1.console模块 2.全局变量 3.Buffer对象 4.事件对象 5.网络请求 6.文件操作对象一. COMMON.js的学习.(commonJS ...

随机推荐

UVA 116_ Unidirectional TSP
题意: 给定整数矩阵,从第一列的任何一个位置出发,每次可以向右.右上.右下走一个格,将最后一行和第一行看成是邻接的,最终到达最后一列,路径长度为所经过格中的整数之和,求最小路径,答案不唯一,输出字典序 ...
mysql性能调优——锁优化
影响mysql server性能的相关因素需求和架构及业务实现优化:55% Query语句优化:30% 数据库自身优化:15% 很多时候大家看到数据库应用系统中性能瓶颈出现在数据库方面,就希望通过数 ...
洛谷 P3456 [POI2007]GRZ-Ridges and Valleys
P3456 [POI2007]GRZ-Ridges and Valleys 题意翻译给定一个地图,为小朋友想要旅行的区域,地图被分为n*n的网格,每个格子(i,j) 的高度w(i,j)是给定的.若两 ...
在 IIS 中承载 WCF 服务
本主题概述了创建 Internet 信息服务 (IIS) 中承载的 Windows Communication Foundation (WCF) 服务所需的基本步骤. 本主题假设您熟悉 IIS 且了解 ...
mysql导入大型sql文件时注意事项
原文:http://blog.csdn.net/k21325/article/details/70808563 大型sql文件,需要在my.ini(windows)或者my.cnf(Linux)中设置 ...
手把手教你开发Chrome扩展二：为html添加行为
手把手教你开发chrome扩展一:开发Chrome Extenstion其实很简单手把手教你开发Chrome扩展二:为html添加行为手把手教你开发Chrome扩展三:关于本地存储数据上一节我们 ...
java 数据结构. 源代码阅读
Collections工具类里的 Collections.synchronizedList public static <T> List<T> synchronizedList ...
Unix网络编程之 socket基础
基本结构 (这部分的地址均为网络地址<网络字节序>) 1.struct sockaddr:通用套接字地址结构此结构用于存储通用套接字地址. 数据结构定义: typedef unsigne ...
32位win7系统下配置IIS遇到php-cgi.exe - FastCGI 进程意外退出问题的解决的方法
今天重装了一下系统,是32位的WIN7.装完系统后想把IIS装回来,由于有时候须要用到笔记本处理一些事情.结果WEBserver正常了.但IIS的FASTCGI模块始终不能解析PHP,一直报php-c ...
mysql正则表达式及应用
mysql where子句的模式匹配今天在应用中遇到了这样的一个问题,有一个字段 t1,其中的值类似于:1,1,1,2,3,3,4,4,5,5,2,4,3,2,1,2 需要从里面搜索出比如说:第一个 ...

《编写可维护的Javascript》学习总结