发布于 2017-04-19 18:55:48 | 39 次阅读 | 评论: 0 | 来源: 网友投递

这里有新鲜出炉的Javascript教程,程序狗速度看过来!

JavaScript客户端脚本语言

Javascript 是一种由Netscape的LiveScript发展而来的原型化继承的基于对象的动态类型的区分大小写的客户端脚本语言,主要目的是为了解决服务器端语言,比如Perl,遗留的速度问题,为客户提供更流畅的浏览效果。


流行的虽然不一定是好的,但是从交流的角度来说,按照流行的风格编写代码,可以让你的代码在大多数人看起来更习惯

什么是最佳的JavaScript代码编程规范?这可能是一个众口难调的问题。那么,不妨换个问题,什么代码规范最流行?

sideeffect.kr通过分析GitHub上托管的开源代码,得出了一些有趣的结果。一起来看看吧。

行末逗号对行首逗号
行末引号:


var foo = 1, 
    bar = 2, 
    baz = 3; 

var obj = { 
    foo: 1, 
    bar: 2, 
    baz: 3 
}; 

行首引号:

var foo = 1 
  , bar = 2 
  , baz = 3; 

var obj = { 
    foo: 1 
  , bar: 2 
  , baz: 3 
};

行末,92.345%;行首,7.655%。(基于1,100,251次提交统计。)

空格和Tab
这年头大家都爱用空格了。使用空格缩进可以保证不同的开发者、不同的编辑器设置下看到的结果是一样的。

空格,81.1 %;Tab,18.9 %。(基于2,019,550次提交统计。)

函数后是否添加空格
无空格


function foo() { 
  return "bar"; 
} 

有空格

function foo () { 
  return "bar"; 
} 

无空格,67.424 %;有空格,32.576 %。(基于1,212,488次提交统计。)

参数与括号间是否有空格
无空格


function fn(arg1, arg2) { 
//or 
if (true) { 

有空格

function fn( arg1, arg2 ) { 
  // ... 
} 

if ( true ) { 
  // ... 
} 

无空格,94.31 %;有空格,5.69 %。(基于1,514,971次提交统计。)

对象字面量中冒号周围是否有空格
冒号后有空格


{ 
  foo: 1, 
  bar: 2, 
  baz: 3 
} 

冒号后无空格

{ 
  foo:1, 
  bar:2, 
  baz:3 
} 

冒号前后均有空格

{ 
  foo : 1, 
  bar : 2, 
  baz : 3 
} 

后空格,62.955 %;无空格,22.891 %;前后空格,14.154 %。(基于1,300,035次提交统计。)

个人觉得,无空格太挤了,不利于快速分清key和value。前后空格的话,恐怕需要对齐冒号,看起来才美观,从统计数据来看,大部分程序员懒得对齐冒号(还是说,大部分程序员的IDE或编辑器不够智能?)

条件语句
有空格


if (true) { 
  //... 
} 

while (true) { 
  //... 
} 

switch (v) { 
  //... 
} 

无空格

if(true) { 
  //... 
} 

while(true) { 
  //... 
} 

switch(v) { 
  //... 
} 

有空格,78.276 %;无空格,21.724 %。(基于1,163,316次提交。)

单引号、双引号
单引号,56.791 %;双引号,43.209 %。(基于1,705,910次提交。)

总结
所以说,最流行的代码规范是:

•行末逗号
•空格缩进
•函数名称后无空格
•函数参数与括号间无空格
•对象字面量的冒号后加空格,冒号前不加
•条件语句关键字后加空格

流行的不一定是好的(比如流行性感冒),但是从交流的角度来说,按照流行的风格编写代码,可以让你的代码在大多数人看起来更习惯。



相关阅读 :
现如今最流行的JavaScript代码规范
最全的Javascript编码规范(推荐)
2014最热门的JavaScript代码高亮插件推荐
当前流行的JavaScript代码风格指南
16个最流行的JavaScript框架[推荐]
最简单的JavaScript图片轮播代码(两种方法)
最短的javascript:地址栏载入脚本代码
极力推荐10个短小实用的JavaScript代码段
超实用的JavaScript代码段 附使用方法
如何利用Promises编写更优雅的JavaScript代码
动态创建按钮的JavaScript代码
使用AngularJS编写较为优美的JavaScript代码指南
最新网友评论  共有(0)条评论 发布评论 返回顶部

Copyright © 2007-2017 PHPERZ.COM All Rights Reserved   冀ICP备14009818号  版权声明  广告服务