怎么写出美观,可读性高的代码?

目录

一. 加上必要的空行

二. 注意代码行(避免代码段太乱)

三. 注意使用空格

四. 开头对齐

五.  长行拆分为多行

六. 注意修饰符的位置


【前言】程序的版式虽然不会影响程序的功能,但会影响可读性。程序的版式追求清晰、美观,是程序风格的重要构成因素。可以把程序的版式比喻为“书法”。好的“书法”可让人对程序一目了然,看得兴致勃勃。差的程序“书法”如螃蟹爬行,让人看得索然无味,更令维护者烦恼有加。请程序员们学习程序的“书法”,弥补大学计算机教育的漏洞,实在很有必要。

一. 加上必要的空行

空行起着分隔程序段落的作用。空行得体(不过多也不过少)将使程序的布局更加清晰。空行不会浪费内存,虽然打印含有空行的程序会多消耗一些纸张,但是值得。所以不要舍不得空行。

在每个类声明之后、每个函数定义结束之都要加空行。

在一个函数体内,逻辑上密切相关的语句之间不加空行,其他适当补加空行。

//空行
void Function1()
{
    ...;
}
//空行
void Function2()
{
    ...;
}
//空行
void Function3()
{
    ...;
}

二. 注意代码行(避免代码段太乱)

一行代码只做一件事,如定义一个变量,或只写一条语句。这样的代码容易阅读,并且方便于注释和调试。

if、for、while、do等语句自占一行,执行语句不得紧跟其后。不论执行语句有多少要加{}。这样可以防止书写失误。

int width;    //宽度
int height;   //高度
int depth;    //深度

x = a + b;
y = c + d;
z = e + f;

if(width < height)
{
    dosomething();
}

for(initialization; condition; update)
{
    dosomething();
}
//空行
other();

         尽可能在定义变量的同时初始化该变量(就近原则),如果变量的引用处和其定义处相隔较远,变量的初始化很容易忘记。

如果引用了未被初始化的变量,可能会导致程序错误,所以建议减少隐患。例如:

int width = 10;    //定义并初始化width
int height = 10;   //定义并初始化height
int depth = 10;    //定义并初始化depth

三. 注意使用空格

在我们写代码中,其实空格可以使我们写出的代码可读性更高。

关键字之后要留空格。像const、case、int、float等关键字之后至少要留一个空格,否则无法辨别关键字。

像if、for、while等关键字之后应留一个空格再跟左括号'(' , 以突出关键字。

函数名之后不要留空格,紧跟'左括号'(' ,以与关键字区分。

‘,’之后要留空格,如Function(x, y, z)。如果‘;’不是一行的结束符号,其后要留空格,如for(initialization; condition; update)。

赋值操作符、比较操作符、算数操作符、逻辑操作符、位移操作符,如“=”、“>=”、“<=”、“&&”、“^”等二元操作符的前后应当加上空格。

像“[]”、“.”、“、”、“->”这类操作符前后不加空格。

对于表达式比较长的for语句和if语句,为了紧凑起见可以适当去掉一些空格,如for(i=0; i<10; i++)和if((a<=b)&&(c<=d))。

 一些良好的代码风格:


void Func1(int x, int y, int z);

if(year >= 2000)

if((a>=b)&&(c<=d))

for(i=0; i<10; i++)

x = a < b ? a : b;

int *x = &y;

arr[5] = { 0 };

a.Function();

b->Function();

四. 开头对齐

程序的分解符‘{’ 和 ‘}’ 应独占一行并且位于同一列,同时与引用它们的语句左对齐。

{ }之内的代码块在‘ { ’右边数格数左对齐。

void Function(int x)
{
    ...//program code
}

if(condition)
{
    ...//program code
}
else
{
    ...//program code
}

for(initialization; condition; update)
{
    ...//program code
}

while(codition)
{
    ...//program code
}

如果出现嵌套{}, 应该使用缩进
{
    ...
    {
        ...
    }
    ...
}

五.  长行拆分为多行

代码行最大长度宜控制在70-80个字符以内, 代码不要过长,否则眼睛看不过来,也不便于打印。

长表达式要在低优先级操作符处拆分成新行,操作符放在新行之首(以便突出操作符)。拆分出的新行要进行适当的缩进,使排版整齐,语句可读。

if ((very_longer_variale1 >= very_longer_variable2)
	&& (very_longer_varial3 <= very_longer_varial4)
	&& (very_longer_varia5 <= very_longer_varial6))
{
	dosomething();
}

virtual CMatrix CMultiplyMatrix(CMatrix LeftMatrix,
								CMatrix rightMatrix);

for (very_longer_initalization;
	very_longer_condition;
	very_longer_update)
{
	dosomething();
}

六. 注意修饰符的位置

修饰符*和&应靠近数据类型还是应该靠近变量名,是个有争议的话题。

若修饰符*靠近数据类型,例如:int* x;从语义上讲此写法比较直观,即x使int类型的指针。

上述写法的弊端是容易引起误解,例如:int* x, y;此处的y容易被误解为指针变量。虽然将x和y分行定义可以避免误解,但是人么往往不愿意这么做。

所以一般都是这样的写法:

【结语】 本篇文章到这里就结束了, 觉得对自己在写代码中有帮助的话,就一键三连吧, 感谢支持。

  • 30
    点赞
  • 14
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 33
    评论
### 回答1: 这是一段制作美观表格的 HTML 代码: ``` <table style="border: 1px solid black; border-collapse: collapse;"> <tr> <th style="border: 1px solid black; padding: 10px;">姓名</th> <th style="border: 1px solid black; padding: 10px;">年龄</th> <th style="border: 1px solid black; padding: 10px;">性别</th> </tr> <tr> <td style="border: 1px solid black; padding: 10px;">张三</td> <td style="border: 1px solid black; padding: 10px;">25</td> <td style="border: 1px solid black; padding: 10px;">男</td> </tr> <tr> <td style="border: 1px solid black; padding: 10px;">李四</td> <td style="border: 1px solid black; padding: 10px;">30</td> <td style="border: 1px solid black; padding: 10px;">女</td> </tr> </table> ``` 这段代码中的表格共有三列,分别是姓名、年龄、性别。每一行(`<tr>`)包含三个单元格(`<td>`),分别代表一个人的姓名、年龄、性别。表格的样式使用了内联样式(inline style),包括边框样式和内边距。这样就可以制作出一个美观的表格。 ### 回答2: HTML中制作美观表格的代码可以通过使用CSS来实现,以下是一个示例代码: ```HTML <!DOCTYPE html> <html> <head> <style> table { width: 100%; border-collapse: collapse; } table, th, td { border: 1px solid black; } th, td { padding: 8px; text-align: center; } th { background-color: #f2f2f2; color: #333; } tr:nth-child(even) { background-color: #f9f9f9; } </style> </head> <body> <h2>美观的表格</h2> <table> <tr> <th>列1</th> <th>列2</th> <th>列3</th> </tr> <tr> <td>数据1</td> <td>数据2</td> <td>数据3</td> </tr> <tr> <td>数据4</td> <td>数据5</td> <td>数据6</td> </tr> <tr> <td>数据7</td> <td>数据8</td> <td>数据9</td> </tr> </table> </body> </html> ``` 上述代码使用了CSS来设置表格的样式。`table` 元素的样式设置了表格的宽度和边框样式。 `th` 和 `td` 元素的样式设置了单元格的边框、内边距和文本对齐方式。`th` 元素的样式还设置了背景颜色和文字颜色,使其更醒目。使用 `tr:nth-child(even)` 来给偶数行设置不同的背景颜色,提可读性。 以上代码会显示一个简单且美观的表格,其中有3列和3行数据。你可以根据需要修改表格的行数、列数、数据内容以及样式。 ### 回答3: 在HTML中,可以使用`<table>`标签来创建表格。以下是一段制作美观表格的代码示例: ```html <table style="border-collapse: collapse; width: 100%;"> <thead> <tr> <th style="background-color: #f2f2f2; padding: 10px;">姓名</th> <th style="background-color: #f2f2f2; padding: 10px;">年龄</th> <th style="background-color: #f2f2f2; padding: 10px;">性别</th> </tr> </thead> <tbody> <tr> <td style="border: 1px solid #ccc; padding: 10px;">张三</td> <td style="border: 1px solid #ccc; padding: 10px;">27</td> <td style="border: 1px solid #ccc; padding: 10px;">男</td> </tr> <tr> <td style="border: 1px solid #ccc; padding: 10px;">李四</td> <td style="border: 1px solid #ccc; padding: 10px;">32</td> <td style="border: 1px solid #ccc; padding: 10px;">女</td> </tr> <tr> <td style="border: 1px solid #ccc; padding: 10px;">王五</td> <td style="border: 1px solid #ccc; padding: 10px;">45</td> <td style="border: 1px solid #ccc; padding: 10px;">男</td> </tr> </tbody> </table> ``` 以上代码创建了一个包含表头和表格内容的表格。表头行使用浅灰色背景,并设置内边距。表格内容行设置了边框样式和内边距。 你可以根据需要修改表格样式,例如调整背景颜色、边框样式、内边距等来使其更加美观

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 33
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

new出新对象

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值