`

javascript的编程风格--Crockford代码规范

 
阅读更多

下面即使Crockford编写的"代码规范"的总结:

规则1:表示区块起首的大括号,不要另起一行。

例如:

return

  {

    key:value;

  };

  上面的代码的原意,是要返回一个对象,但实际上返回的是undefined,因为Javascript自动在return语句后面添加了分号。为了避免这一类错误,需要写成下面这样:

  return {

    key : value;

  };

  规则2:调用函数的时候,函数名与左括号之间没有空格。

  规则3:函数名与参数序列之间,没有空格。

  规则4:所有其他语法元素与左括号之间,都有一个空格。

    规则5:不要省略句末的分号。

     分号表示语句的结束。大多数情况下,如果你省略了句尾的分号,Javascript会自动添加。但是

下一行的第一个字元(token)是下面这五个字符之一,Javascript将不对上一行句尾添加分号:"("、"["、"/"、"+"和"-"。

     规则6:不要使用with语句。

    with可以减少代码的书写,但是会造成混淆。

例如:

with(o){

foo=xxx;

}//会出现很多种变量赋值的含义。

   规则7:不要使用"相等"(==)运算符,只使用"严格相等"(===)运算符。

例如:

  0 == ''// true

  1 == true // true

  2 == true // false

  0 == '0' // true

  false == 'false' // false

     规则8:不要将不同目的的语句,合并成一行。

例如:

a = b;

  if (a) {...}

  他喜欢写成下面这样:

  if (a = b) {...}

  虽然语句少了一行,但是可读性大打折扣,而且会造成误读。

     规则9:所有变量声明都放在函数的头部。

  规则10:所有函数都在使用之前定义。

例如:

 if (!o) {

    var o = {};

  }

  等同于

  var o;

  if (!o) {

    o = {};

  }

  为了避免可能出现的问题,不如把变量声明都放在代码块的头部。

  for (var i ...) {...}

  最好写成:

  var i;
  for (i ...) {...,}

      规则11:避免使用全局变量;如果不得不使用,用大写字母表示变量名。

   因为javascript最大缺点是全局变量对于所有的函数块都是可读可写的。,这对于代码的模块化和重复使用非常不利。

     规则12:不要使用new命令(构建对象关键词),改用Object.create()命令。

     规则13:建构函数的函数名,采用首字母大写(InitialCap);其他函数名,一律首字母小写。

    例如:

 Javascript使用new命令,从建构函数生成一个新对象。

  var o = new myObject();

  这种做法的问题是,一旦你忘了加上new,myObject()内部的this关键字就会指向全局对象,导致所有绑定在this上面的变量,都变成全部变量。

   规则14:不要使用自增(++)和自减(--)运算符,用+=和-=代替。

     规则15:总是使用大括号表示区块。

   虽然循环和判断的代码体只有一行,Javascript允许该区块(block)省略大括号。但是这样有事由于初心带来不必要的麻烦。

 

 

 

分享到:
评论

相关推荐

    node-crockford-inheritance:Crockford 对节点 js 的继承支持

    node-crockford-继承Crockford 对节点 js 的继承支持来自如何安装 npm install crockford-inheritance开始 var crockford = require('crockford-inheritance');

    Javascript-the-Good-Parts-notes, 关于seminal的优秀部分,注释.zip

    Javascript-the-Good-Parts-notes, 关于seminal的优秀部分,注释 关于 crockford Javascript的道格拉斯的注释

    Advanced JavaScript(高级JavaScript编程)

    Advanced JavaScript(高级JavaScript编程) Douglas Crockford写的PPT,绝对的紧要,让你对JavaScript有深入理解!

    JavaScript语言精粹

    JavaScript 曾是“世界上最被误解的语言”,因为它担负太多的特性,包括糟糕的交互和失败的设计,但随着Ajax 的到来,JavaScript“从最受误解的编程语言演变为最流行的语言”,这除了幸运之外,也证明了它其实是一门...

    javascript.crockford.com.rar

    javascript.crockford.com.rar

    JavaScript-Set-Up:Web开发人员示例,技巧等

    你好 看一下里面的文件 ...Crockford谈JavaScript-第8节:编程风格和大脑(视频) JavaScript范例 执照 该项目是免费和开源的。 请参阅许可证 这里提到的其他项目及其子文件夹可能还具有其他许可证

    JavaScript中的new的使用方法与注意事项

    原文: JavaScript, We Hardly new Ya --Douglas Crockford。 http://yuiblog.com/blog/2006/11/13/javascript-we-hardly-new-ya/ 引用 JavaScript是一门基于原型的语言,但它却拥有一个 new 操作符使得其看起来象...

    JavaScript语言精粹.pdf

    本书通过对JavaScript语言的分析,甄别出好的和坏的特性,从而提取出相对这门语言的整体而言具有...雅虎资深JavaScript架构师Douglas Crockford倾力之作。 向读者介绍如何运用JavaScript创建真正可扩展的和高效的代码。

    Really JavaScript!——Douglas Crockford大师见面会报道.pdf

    Really JavaScript!——Douglas Crockford大师见面会报道.pdf

    讲解JavaScript的面向对象的编程

    本人在带学生使用EXT框架时,我发现学生阅读Ext的sample代码有问题,特别是对JavaScript的面向对象编程的书写方式不熟悉,于是,写了四个sample来说明它现代JS编程的对类的定义方式、类继承的方式,以及怎样发展到...

    code-style:代码风格指南资源的集合

    Douglas Crockford 编写的 JavaScript 编程语言的代码约定 谷歌 JavaScript 风格指南 Airbnb JavaScript 风格指南 WordPress JavaScript 编码标准 Go Cardless 的 Angular 风格指南 Todd Motto 的 AngularJS 风格...

    [JavaScript语言精粹].(JavaScript.The.Good.Parts).Douglas.Crockford.文字版

    [JavaScript语言精粹].(JavaScript.The.Good.Parts).Douglas.Crockford.文字版

    JavaScript-Context-Coloring:JavaScript插件突出显示作用域区域

    #Vim JavaScript上下文着色##描述这是Vim文本编辑器的插件,可以根据其范围突出显示JavaScript代码。 这是由道格拉斯·克罗克福德(Douglas Crockford)在2012年YUIConf上的所启发的。(从16分钟左右开始观看)。 ...

    JS超级名著《Essentials of Javascript》

    JS超级名著《Essentials of Javascript》目录: JavaScript 1 JavaScript syntax 18 JavaScript Style Sheets 43 JavaScript engine 44 Ajax (programming) 48 AJAX.OOP 51 ?: 52 Appcelerator Titanium 57 ...

    JavaScript语言精粹(JavaScript.The.Good.Parts)

    JavaScript 曾是“世界上误解的语言”,因为它担负太多的特性,包括糟糕的交互和失败的设计,但随着Ajax 的到来,JavaScript“从受误解的编程语言演变为非常流行的语言”,这除了幸运之外,也证明了它其实是一门优秀...

    javascript-resources:javascript学习资源列表

    在线的 文档 ... http://javascript.crockford.com/ 播客 http://five-js.envylabs.com/ http://javascriptjabber.com/ http://nodeup.com/ http://thechangelog.com/podcast/ http://www.jscla

    Javascript

    , 作者Douglas Crockford(他被很多开发社区认为是JavaScript专家)提出了足够多的好想法,让JavaScript成为一个杰出的面向对象编程语言。不幸的是,这些好想法(比如函数、弱类型、动态对象和表达能力很强的对象文字...

    latihan-website-[removed]这是YouTube频道Unpas网络编程的学习结果中的源代码集合

    ----源代码latihan masih berlanjut ---- 链接untuk memahai bahasa pemrograman: Menurut维基百科: “ JavaScript是一种高级,脚本化,无类型且可解释的编程语言。” Menurut @mpjme-功能功能: “容易学习,很难...

    JavaScript

    , 作者Douglas Crockford(他被很多开发社区认为是JavaScript专家)提出了足够多的好想法,让JavaScript成为一个杰出的面向对象编程语言。不幸的是,这些好想法(比如函数、弱类型、动态对象和表达能力很强的对象文字...

Global site tag (gtag.js) - Google Analytics