缩进层级

    推荐4个空格字符作为一个缩进层级。

语句结尾

    推荐不要省略分号。

行的长度

    最好一行不超过80个字符。

换行

    在运算符后换行,下一行增加两个层级的缩进。
    例外:给变量赋值时,第二行的位置和赋值运算符的位置对齐。比如:
var result = something + anotherThing + yetAnotherThing +
somethingElse + anotherSomethingElse;

空行

        ●    在方法之间
        ●    在方法的局部变量和第一条语句之间
        ●    在多行或单行注释之前
        ●    在方法内的逻辑片段(if等)之间

命名

    驼峰式大小写:由小写字母开始,后续每个单词首字母大写。

变量和函数

    变量名前缀应当是名词,函数名前对应当是动词。
var count = 10;
var myName = "Nick";
var found = true;
 
function getName(){
return myName;
}
边框 含义
can 函数返回一个布尔值
has 函数返回一个布尔值
is 函数返回一个布尔值
get 函数返回一个非布尔值
set 函数用来保存一个值

常量

    用大写字母和下划线来命名,下划线用以分隔单词。

构造函数

    大驼峰命名法,以大写字母开始。
    好处:遵守这条约定,在以大驼峰命名法命名的函数如果是名词的话,前面一定会有new运算符。

直接量

字符串

    单引号和双引号都可以,只需要从头到尾只保持一种风格,如果在Java和JavaScript中经常切换,建议使用双引号。
    多行字符串的写法:用字符串连接符(+)讲字符串分成多份。
//Good
var longString = "Here's the story of a man " +
"named Brady.";
 
//这是一种奇技淫巧而非语言特性。在Google的JavaScript风格指南中是禁止的。
var longString = "Here's the story of a man \
named Brady.";

数字

    不要省略小数点之前或之后的部分。
    不要写八进制。

null

        ●    用来初始化一个变量,可能赋值为一个对象。
        ●    用来和一个已经初始化的变量比较,可以是也可以不是一个对象。
        ●    当函数的参数期望是对象时,用作参数传入。
        ●    当函数的返回值期望是对象时,用作返回值传出。
下面的场景不要使用null
        ●    不要使用null来检测是否传入了某个参数。
        ●    不要用null来检测一个未初始化的变量。

undefined

    避免使用undefined,可以有效地确保只在一种情况下typeof才会返回"undefined"。

对象直接量

    将所有的属性都括在一对花括号内。第一行包含左花括号,每一个属性的名值都独占一行,并保持一个缩进,最后右花括号也多占一行。

数据直接量

    用两个方括号讲数据初始元素括起来。

JavaScript编程风格--基本的格式化的更多相关文章

  1. Javascript编程风格

    Douglas Crockford是Javascript权威,Json格式就是他的发明. 去年11月他有一个演讲(Youtube),谈到了好的Javascript编程风格是什么.我非常推荐这个演讲,它 ...

  2. 浅谈前端JavaScript编程风格

    前言 多家公司和组织已经公开了它们的风格规范,详细可參阅jscs.info,以下的内容主要參考了Airbnb的JavaScript风格规范.当然还有google的编程建议等编程风格 本章探讨怎样使用E ...

  3. javascript编程风格(粗略笔记)

    1.空格 紧凑型: project.MyClass = function(arg1, arg2){ 松散型: for( i = 0; i < length; i++ ){ 2.代码行长度 最多8 ...

  4. javascript 编程风格 部分精要

    1 换行保持两个缩进(通常是一行太长) 运算符前后加一个空格,包括赋值运算符和逻辑运算符 括号运算符,左括号之后,右括号之前不应该有空格 段代码无关,添加空行 命名驼峰式,一般首字母小写,其他单词首字 ...

  5. 学习Javascript的编程风格

    Javascript编程风格   Douglas Crockford是Javascript权威,Json格式就是他的发明. 去年11月他有一个演讲(Youtube),谈到了好的Javascript编程 ...

  6. 【荐】JavaScript编码风格

    作者:阮一峰 Douglas Crockford是 JavaScript 权威,Json 格式就是他的发明. 去年 11 月他有一个演讲(Youtube),谈到了好的 JavaScript 编程风格是 ...

  7. Dojo Javascript 编程规范(转)

    前言 相当不错的 Javascript 编程风格规范,建议大家采用此规范编写 Javascript.原文链接: http://dojotoolkit.org/developer/StyleGuide ...

  8. 编写可维护的JavaScript之编程风格

    在团队中只有每个人的编程风格一致,大家才能方便的互相看懂和维护对方的代码. 1. 层级缩进 对于层级缩进目前有两种主张:1)使用制表符这种方法有两种好处,第一,制表符和缩进层级之间是一一对应关系,符合 ...

  9. JavaScript八张思维导图—编程风格

    JS基本概念 JS操作符 JS基本语句 JS数组用法 Date用法 JS字符串用法 JS编程风格 JS编程实践 不知不觉做前端已经五年多了,无论是从最初的jQuery还是现在火热的Angular,Vu ...

随机推荐

  1. MyEclipse 免安装版制作

    前言:以MyEclipse6.0为例,安装目录,例如如d:\java\MyEclipse6.0 (1)新建MyEclipse 6.0.bat文件 新建位置:当前MyEclipse根目录 文件内容: s ...

  2. Highchart 改编风力风向图

    基于highchart修改而成的风力风向图 1.替换highchart.js drawpoints方法,替换内容如下: drawPoints: function() { var a, b = this ...

  3. Fedora 19下Guacamole的安装使用

    由于我要使用RDP实现web远程桌面,因此需要用到了Guacamole这个开源的软件.之前用Ubuntu12.04折腾了一晚上,也没有找到依赖库文件,而Guacamole的官方安装说明却没有介绍这个依 ...

  4. Excel如何进行SVN

    KSFramework常见问题:Excel如何进行SVN协作.差异比较?   Excel如何进行SVN协作.差异比较? 嗯,这是一个令人困惑的问题.游戏开发.程序开发时,使用Excel可以添加文档.注 ...

  5. javascript 修改css样式

    abc.css CSS code .class1     {    width:10px;    background-color: red;    } HTML code <!DOCTYPE ...

  6. SSHD配置

    http://blog.licess.com/sshd_config/ LIBPCAP http://blog.csdn.net/htttw/article/details/7521053 Oracl ...

  7. css 样式

    <!doctype html> <html lang="en"> <head> <meta name="Generator&qu ...

  8. Yii2简单纪要

    网上经常拿Yii来类比ROR,从MVC角度,使用体验及代码风格上确实有很多相似的地方.不过看配置文件发现Yii2不止是受rails的影响,同样有不少spring的影子,最明显的就是配置文件中很多IOC ...

  9. getDeclaredConstructor()与getConstructor的差别

    首先看getDeclaredConstructor(Class<?>... parameterTypes)  这种方法会返回制定參数类型的全部构造器,包含public的和非public的, ...

  10. openstack 源码分析

    Nova对于底层Hypervisor(如KVM/QEMU等)的调用与管理主要通过LibvirtDriver类,nova/virt/libvirt/driver.py Libvirt对Hyperviso ...