javascript - 如何编写简洁的代码

Question

Closed. This question is opinion-based。它当前不接受答案。
                            
                        
                    
                
                            
                                
                
                        
                            
                        
                    
                        
                            想改善这个问题吗？更新问题，以便 editing this post用事实和引用来回答。
                        
                        6年前关闭。
                                                                                            
                
        
我从来没有教过如何缩进/布局代码。

当代码开始变长时，我常常会与代码布局混淆。

缩进代码时是否应遵循一组标准规则？还是仅仅是您必须找到最适合您的方法？

最佳答案

最终，代码必须对您而言清晰易读。但是，如果您正在与他人合作，则可能应该遵循一个标准。通常，每个块都应具有相同的缩进级别。块通常由花括号{ }之间的代码定义。如果其中还有另一个块，则应使用其他选项卡将其缩进。
例如：

function foo(bar) {
    var i = 0;
    if(bar == "something") {
        i = 1;
        console.log("message");
        alert("another message");
    } else if(bar == "something else") {
        i = 2;
        console.log("something else");
    } else {
        i = 3;
    }
    return i;
}

功能块内部的所有代码都以1个制表符缩进，以使其与功能原型区分开，因此易于阅读。此外，另外缩进 if块以进一步将它们与函数中其余代码区分开来。这很干净而且易于阅读。这是我个人所坚持的样式，但是有些人则略有不同。其他变体不太紧凑。例如，您可能会看到：

function foo(bar) 
{
    var i = 0;
    if(bar == "something") 
    {
        i = 1;
        console.log("message");
        alert("another message");
    } 
    else if(bar == "something else") 
    {
        i = 2;
        console.log("something else");
    } 
    else 
    {
        i = 3;
    }
    return i;
}

那是一个稍微不同的方法。有人说它更容易阅读，但是我发现我的方法很容易阅读，也更紧凑。当编写包含数千行的大型脚本时，紧凑性非常有用。请注意，第一个示例的行数为14，而第二个示例的行数为20。这在较大的项目中意味着更多的滚动。

最终，就您的编译器或解释器而言，除了1个空格（对于大多数现代语言，这都是成立的）之外的任何空格都将被忽略，因此，实际上，您可以将所有这些都写在一行上。电脑不在乎，但几乎无法读取。

希望这可以帮助！

关于javascript - 如何编写简洁的代码，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/19157749/

上一篇：javascript - jquery 正则表达式

下一篇：javascript - 删除父 TD Jquery 中的表元素

相关文章：

html - 即使在设置最小宽度 :0? 之后，Flex 子容器也会溢出父容器

html - 如何将多个CSS页面导入到一个CSS主页面，再将CSS主页面导入到HTML页面？

html - 如何确定父div的高度并为子div设置？

javascript - 如何获取名称的首字母并将其用作商店的简介

javascript - Bootstrap - 在中间的 div 中垂直对齐图像

javascript - 如何阻止 Firefox 在本地主机上缓存文本区域的内容？

php - 为什么我的背景位置有一点空间

PHP fwrite() 期望参数 1 是资源，给定 bool 值

javascript - 如果比较(if 语句)比较未定义的值，则返回 true

php - PDO fetchAll 非对象

Answer 1

最终，代码必须对您而言清晰易读。但是，如果您正在与他人合作，则可能应该遵循一个标准。通常，每个块都应具有相同的缩进级别。块通常由花括号{ }之间的代码定义。如果其中还有另一个块，则应使用其他选项卡将其缩进。
例如：

function foo(bar) {
    var i = 0;
    if(bar == "something") {
        i = 1;
        console.log("message");
        alert("another message");
    } else if(bar == "something else") {
        i = 2;
        console.log("something else");
    } else {
        i = 3;
    }
    return i;
}

功能块内部的所有代码都以1个制表符缩进，以使其与功能原型区分开，因此易于阅读。此外，另外缩进 if块以进一步将它们与函数中其余代码区分开来。这很干净而且易于阅读。这是我个人所坚持的样式，但是有些人则略有不同。其他变体不太紧凑。例如，您可能会看到：

function foo(bar) 
{
    var i = 0;
    if(bar == "something") 
    {
        i = 1;
        console.log("message");
        alert("another message");
    } 
    else if(bar == "something else") 
    {
        i = 2;
        console.log("something else");
    } 
    else 
    {
        i = 3;
    }
    return i;
}

那是一个稍微不同的方法。有人说它更容易阅读，但是我发现我的方法很容易阅读，也更紧凑。当编写包含数千行的大型脚本时，紧凑性非常有用。请注意，第一个示例的行数为14，而第二个示例的行数为20。这在较大的项目中意味着更多的滚动。

最终，就您的编译器或解释器而言，除了1个空格（对于大多数现代语言，这都是成立的）之外的任何空格都将被忽略，因此，实际上，您可以将所有这些都写在一行上。电脑不在乎，但几乎无法读取。

希望这可以帮助！