本文介绍了JavaScript代码的基本格式规范，包括4个空格的缩进、避免语句结尾分号错误、合理的换行与缩进、行长度限制以及空行使用，旨在提升代码的可读性和可维护性。通过示例分析了错误的写法和正确的修复方法，强调了良好编码习惯的重要性。
基本的格式化缩进层级4个空格缩进，最好统一tab为4个字符。语句结尾结尾分号产生错误的例子。//原始代码function getData() { return { title:"Maintainable JavaScript", author:"Nicholas C. Zakas" }
//分析器会它理解function getData
基本的格式化
缩进层级4个空格缩进，最好统一tab为4个字符。
语句结尾结尾分号
产生错误的例子//原始代码function getData() {
return
{
title:"Maintainable JavaScript",
author:"Nicholas C. Zakas"
}//分析器会它理解function getData() {
return;
{
title:"Maintainable JavaScript",
author:"Nicholas C. Zakas"
};
}
可以通过将左花括号移至与return同一行的位置来修复这个问题。//这段代码工作正常，尽管没有用分号function getData() {
return {
title:"Maintainable JavaScript",
author:"Nicholas C. Zakas
}
}
行的长度80个字符
换行通常我们会在运算符后换行，下一行会增加两个层级的缩进(8个字符)
例外：当给变量赋值时，第二行的位置应当和赋值运算符的位置保持对齐，例如var result = something + antherThing + yetAnotherThing + somethingElse +
anotherSomethingElse;
空行在方法之间
在方法的局部和语句之间
在多行或单行注释之前
在方法内的逻辑片段之间插入空行，提高可读性
基本的格式化
缩进层级4个空格缩进，最好统一tab为4个字符。
语句结尾结尾分号
产生错误的例子//原始代码function getData() {
return
{
title:"Maintainable JavaScript",
author:"Nicholas C. Zakas"
}//分析器会它理解function getData() {
return;
{
title:"Maintainable JavaScript",
author:"Nicholas C. Zakas"
};
}
可以通过将左花括号移至与return同一行的位置来修复这个问题。//这段代码工作正常，尽管没有用分号function getData() {
return {
title:"Maintainable JavaScript",
author:"Nicholas C. Zakas
}
}
行的长度80个字符
换行通常我们会在运算符后换行，下一行会增加两个层级的缩进(8个字符)
例外：当给变量赋值时，第二行的位置应当和赋值运算符的位置保持对齐，例如var result = something + antherThing + yetAnotherThing + somethingElse +
anotherSomethingElse;
空行在方法之间
在方法的局部和语句之间
在多行或单行注释之前
在方法内的逻辑片段之间插入空行，提高可读性
以上内容就是JavaScript编写可维护的代码，希望能帮助到大家。
相关推荐：
扫一扫
652
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
