缩进层级

    推荐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. Windows 桌面边栏小工具开发入门

          准备为网站做一个桌面通知功能的工具,现在网上一般是html5+js的比较多.虽然html5+js现在是web的开发主流,但是我们应用一般是windows系统.并且应使用中,需要打开谷歌或其 ...

  2. this .运算符 和 [] 运算符

    首先看这个  这两个运行结果是不一样的 前两个是3  后面是10 var length = 10; var arr = [function(){console.log(this.length);},2 ...

  3. MYSQL 执行计划

    Explain语法 EXPLAIN SELECT …… 变体: 1. EXPLAIN EXTENDED SELECT …… 将执行计划“反编译”成SELECT语句,运行SHOW WARNINGS 可得 ...

  4. [问题解决] File "/struts-tags" not found

    错误:org.apache.jasper.JasperException: File "/struts-tags" not found 发生场景:tomcat服务器 解决方案:将t ...

  5. Hostker云主机

    Orz现在我的博客使用Hostker主机了,地址:http://wnjxyk.cn/ 速度一下子快了很多! Hostker真的是很便宜很好用的主机呢!大家可以去试一下! 注册时填写了有效邀请码的新用户 ...

  6. cocos2d-x 3.0 新特性样例

    watermark/2/text/aHR0cDovL2Jsb2cuY3Nkbi5uZXQvdTAxMzMyMTMyOA==/font/5a6L5L2T/fontsize/400/fill/I0JBQk ...

  7. 理解Android的layout和measure

    在Android UI开发中,总会有情况需要自定义View和View Group. 什么是View?就是Android中一个基本视图单位,一个Button是一个view, 一个Layout, 也是一个 ...

  8. OpenGL 4 : 一个漂亮的心 For you, My Love

    画一个心形有非常多公式能够使用,以下这个公式我觉得最完美了: float x = R * 16 * pow(sin(theta), 3); float y = R * (13 * cos(theta) ...

  9. Android TextView 实现文字大小不同和文字颜色不同

    效果图如下: 关键代码如下: StringBuffer sb = new StringBuffer(); if(day > 0) { sb.append("<a href=\&q ...

  10. java内存映射文件

    内存映射文件能够让我们创建和修改大文件(大到内存无法读入得文件),对于内存映射文件,我们可以认为是文件已经全部被读入到内存当中,然后当成一个大的数字来访问,简化修改文件的代码. 1.directBuf ...