javascript 编码风格

AnthonyHan 发布于2019-08-21 10:32 / 2989人阅读

摘要：以下编码风格来自于编写可维护的一书中，加上个人总结，自代表个人风格，仅供参考。命名常量常量使用大写字母和下划线命名。基本类型的表示字符串普通字符串采用单引号包裹，对象中的字符串采用双引号包裹。

以下编码风格来自于《编写可维护的 javascript》一书中，加上个人总结，自代表个人风格，仅供参考。

缩进

缩进可以采用2格缩进或者4格缩进，具体使用哪个看团队的代码规范和自己的爱好。

行尾分号

行尾一律加上;分号，除非该行需要折行。

行的长度

单行不应该超过80个字符，如果超过，应该折行编写。

折行

当一行长度达到单行最大字符限制时，手动将一行拆成两行。遵守：

在运算符后换行

下一行增加两层缩进

callAFunction(argument1, argument2, argument3, argument4, argument5, argument6,
        argument7);

空行

一段代码的语义和另一段代码不相关，这时就应该使用空格将它们分隔开来。

命名

常量
常量使用大写字母和下划线命名。

var MAX_COUNT = 10;
var URL = "http://www.google.com/";

普通变量和函数
遵守驼峰大小写命名法。变量以名词作为前缀，函数以动词作为前缀。

var myName = "Tom";

function getName() {
    return myName;
}

动词常见约定：

构造函数
构造函数首字母应该大写。

function Person(name) {
    this.name = name;
}

var me = Person("Tom");

基本类型的表示

字符串
普通字符串采用"单引号包裹，json 对象中的字符串采用双引号包裹。

var name = "Tom";

var me = {
    name: "Tom",
    age: 23
}

数字
书写完整，不要省去整数部分或小数部分，不要使用八进制写法。

null
不要使用null来检查是否传入了某个参数；不要用null来检查一个未初始化的变量。

undefined
尽量避免在代码中使用undefined，如果要判断一个变量是否存在可以这样：

if(name === null || typeof(name) === "undefined") {
    // ..
}

对象
采用对象字面量的方式定义对象：

var me = {
    name: "Tom",
    age: 23
}

数组
采用数组字面量的方式定义数组：

var colors = ["red", "green", "blue"];

GPU云服务器云服务器 javascript编码网站风格新闻风格边框风格

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/85717.html

js 的5个不良编码习惯，现在就改掉吧

摘要：在这篇文章中，我描述了中常见的种不良编码习惯。这是因为属性存在的验证依赖于隐式转换的布尔值。安装使用最适合自己的编码风格配置设置一个预提交钩子，在提交之前运行验证。总结编写高质量和干净的代码需要纪律，克服不好的编码习惯。为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！在阅读JavaScript代码时，你是否有过这种感觉 ...

flybywind 2019-08-19 10:13 评论0 收藏0
js 的5个不良编码习惯，现在就改掉吧

摘要：在这篇文章中，我描述了中常见的种不良编码习惯。这是因为属性存在的验证依赖于隐式转换的布尔值。安装使用最适合自己的编码风格配置设置一个预提交钩子，在提交之前运行验证。总结编写高质量和干净的代码需要纪律，克服不好的编码习惯。为了保证的可读性，本文采用意译而非直译。想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你！在阅读JavaScript代码时，你是否有过这种感觉 ...

hellowoody 2019-08-26 10:24 评论0 收藏0
写好你的JavaScript

摘要：关于微信公众号前端呼啦圈我的博客劳卜的博客知乎专栏前端呼啦圈前言在实际工作中，我们应该经常会看到一些功能上没有问题，但编码风格和规范却十分糟糕的代码，这往往会让人不敢再往下阅读，甚至会影响阅读者一天的心情。本文内容参考自编写可维护的一书。关于微信公众号：前端呼啦圈（Love-FED）我的博客：劳卜的博客知乎专栏：前端呼啦圈前言在实际工作中，我们应该经常会看到一些功能上没...

tuniutech 2019-08-20 14:48 评论0 收藏0
JavaScript编码风格指南

摘要：首次发表在个人博客前言程序语言的编码风格指南对于一个长期维护的软件而言是非常重要的好的编程风格有助于写出质量更高错误更少更易于维护的程序。首次发表在个人博客前言程序语言的编码风格指南对于一个长期维护的软件而言是非常重要的;好的编程风格有助于写出质量更高、错误更少、更易于维护的程序。团队合作需要制定一些代码规范还有利用一些工具来强制要求团队代码的风格统一.毕竟很多情况下以后不...

Sourcelink 2019-08-22 18:09 评论0 收藏0
[译]JavaScript lint工具的比较

摘要：工具帮助避免在编写时出现愚蠢的错误。并不检测潜在的，比如，未使用的变量或意外的全局变量等。在提到的所有工具中，它具有最广泛的功能支持。使用工具是捕获问题的良好步骤，但只能看到规则允许的错误。也可用于此目的。 Lint工具帮助避免在编写JavaScript时出现愚蠢的错误。尽管有多年的经验，我仍然键入不正确的变量名称，出现语法错误，以及忘记正确地处理error。在浪费自己时间，或更糟糕地...

luck 2019-08-20 18:56 评论0 收藏0