コードをフォーマットする正しい方法は何ですか? なぜそれが必要なのですか？すべてのプログラマーがフォーマットの同じ規則に従う必要があるのはなぜですか。基本的に、規則とは何ですか??
プログラマーが次のように書くことを好む理由
<html>
<head>
<title>Title</title>
</head>
<body>
<!--body-->
</body>
</html>
それ以外の
<html>
<head>
<title>Title</title>
</head>
<body>
<!--body-->
</body>
</html>
誰かがもっと明確にしてくれませんか？また、javascript と css の書式設定について何か特別なことはありますか? 整形のメリット・デメリットは？
フォーマットに正しい方法はありません。
改行とインデントは通常、人間が読みやすくするためだけに行われ (Python などの一部の言語を除く)、誰もが同意する真の標準はありません。
これは、次のような本で読むのに適した質問です。
しかし、あなたの質問に答えるために。
最初に: 「なぜプログラマーは次のように書くことを好むのか...」 これは、コードをより明確にし、構造にさらに準拠させるためだけのものです。人間として、また仲間のコーダーとして、あなたがしていることをより明確にするための構造。
命名規則と構造の一連の標準を順守することで、新しい開発者がコードにすばやく取り込めるようになり、タイプミスやよくある間違いなどのバグが発生しにくくなります。
あなたが求めているもう1つの質問は、「フォーマットの長所と短所は何ですか」です。
利点 - 上記のすべて
短所 - パフォーマンスが低下する可能性がありますが、そうではないと思います。
最後に質問するのは、「なぜすべてのプログラマーがフォーマットに関して同じルールに従うべきなのか、基本的にルールとは何ですか??」というものです。
チームの慣例に従う限り、どのようにコーディングするべきかについて明確なルールはありません。これにより、混乱を一掃するという汚い仕事をしたり、古くなり始めたりバグアウトしたりしている1つの機能を実行したときの考え方を理解しようとしたりする開発者が簡単になります。
ただし、変数や関数などに名前を付けるときの「一般的な方法」がいくつかあります。これらについては、こちらで詳しく説明しています。これらはあなたが求めているjavascript用ですが、そのほとんどは他の言語でも使用できます.
これがあなたの質問に答えることを願っています。
しかし、@BoltClockが言ったように、これが目指すべきものであり、コードを明確にしてください。これはすべてのプログラマーにとって最優先事項であり、そうあるべきです。
コードを振り返って、どのセクションが他のタグに含まれているコードのブロックであるかを簡単に確認できるようにすることです。多くの場合、1 つのページに多数の div があり、多くの div が他の div 内に含まれています。単純なインデントは、現在見ている開始 div と一致するものを見つけるのに役立ちます。
<div id='start'>
<div id='insideStart'>
<div id='insideInsideStart'>
</div>
</div>
</div>
ほど明確に見えない
<div id='start'>
<div id='insideStart'>
<div id='insideInsideStart'>
</div>
</div>
</div>
私にとって重要なこと (この例では HTML を使用していますが、プログラミングにも引き継がれます) は、スコープを伝えることです。
あなたの HTML の例は非常に単純化されていますが、多くの場合、ネストされた構造がはるかに多く、混乱を招く可能性があります。例えば：
<html>
<head></head>
<body>
<div id="container">
<div class="shadow">
<div class="inner">
<h1>Hello World</h1>
</div>
<div id="handle">
<span id="foo">Bar</span>
</div>
</div>
<div id="morefoo">
<h3>Hi</h3>
</div>
</div>
</body>
</html>
クラス シャドウを使用して div に別の div を追加するように指示した場合は、いくつかの<div> </div>カウントが必要になる場合があります。しかし、以下にフォーマットされたマークアップを使用すると、非常に簡単です。
<html>
<head></head>
<body>
<div id="container">
<div class="shadow">
<div class="inner">
<h1>Hello World</h1>
</div>
<div id="handle">
<span id="foo">Bar</span>
</div>
</div>
<div id="morefoo">
<h3>Hi</h3>
</div>
</div>
</body>
</html>
コンパイラの場合、次のようなコードのパフォーマンスにまったく違いがないことを理解する必要があります。
<html>
<head>
<title>Title</title>
</head>
<body>
<!--body-->
</body>
</html>
この
<html>
<head>
<title>Title</title>
</head>
<body>
<!--body-->
</body>
</html>
そしてこれさえ
<html> <head><title>Title</ title></head>
<body><!--body--></body> </html>
それらはすべて、まったく同じパフォーマンスで同じ方法でコンパイルおよび動作します。ただし、コードの書式設定の主な目的は読みやすさです。このようにコードをブロックに分割すると、プログラマーが理解しやすくなり、プログラムのロジックをより明確に理解できるようになります。あなたとあなたの後にコードを扱う人々にとって、保守と理解がより簡単になります。
これらすべてが、より効率的な開発につながります (すべてが整理されているため、コードの理解に費やす時間が減り、開発ミスやバグが減り、開発により多くの時間を費やすことができ、開発がより簡単かつ迅速になります)。
HTML マークアップまたは CSS を書き留めた時点で、これはプログラミングに関するものではありません。とにかく、明確でクリーンなHTML マークアップを記述する標準は、子要素を 1 つインデントすることtabです。したがって、コードは最初の例のようになります。このようにして、コードは適切に構造化され、読みやすくなります。
CSSコードを書き留めた時点では、標準的なAFAIKはありませんが、CSSコードをフォーマットする3つのスタイルを見ました:
1.
body { ... }
div#container { ... }
div#container #left-column { ... }
2.
body {
...
}
div#container {
...
}
div#container #left-column {
...
}
3.
body {
...
}
div#container {
...
}
div#container #left-column {
...
}
2 番目と 3 番目の例の違いは、3 番目の例ではdiv#container #left-columnタブをもう 1 つインデントすることで、このルールが親の内側にある要素に対するものであることを示していることですdiv#container。最初の例は、CSS コードをよりコンパクトに保ちますが、可読性が低く、その 1 行に多くのルールがある場合にはあまり適していません (行が非常に長くなる可能性があります)。
ここに JS コードを書き留める時点で、書式設定のルールは、PHP コードを書き留めるときと同じ (または少なくとも非常に似ている) はずです...
ほとんどの場合、フォーマットはコンピューターのためではなく、プログラマーの利益のために存在します。
コンピューターに関する限り、インデントはまったく関係ありません。これは、プログラムを取得し、すべての空白を削除して圧縮し、より小さなダウンロードにする「コード最小化」で実際に見ることができます。同様に、逆のことを行う「コード整頓」ツールがあります。フォーマットが不適切なプログラムを読みやすくするためにインデントを設定します。
したがって、コードをインデントする本当の理由は、コードを読みやすくすることです。それはあなたの利益のためです。
コードはインデントなしで完全に読めると思うかもしれませんが、そうではないことは保証できます。そう思う場合は、6 か月間読まなかった古いコードに戻ってみてください。しかし、それは自分のためだけではありません。コードを他の人と共有する必要がある場合、たとえばこのようなサイトで、他の人はあなたのコードを簡単に読むことができれば、あなたのコードをはるかに読みやすく、したがってあなたを助けやすくなります。
* 注: これに対する例外は、インデントがコードの重要な部分であり、どの行がどの構造の一部であるかをプログラムに伝える Python のような少数の言語です。これらの言語では、インデントは言語の一部であるため、プログラムだけでなくプログラマーにもインデントがあります。
一般的な経験則は、コードを 4 つのスペースまたはタブでインデントすることです。多くのオープン ソース プロジェクトは、コーディング標準の 4 スペース ルールに従っています。
HTML の例では、終了タグが要素の種類を明示的に示しているため、それほど有益ではありませんが、ネストされた div やその他の要素の開始/終了タグを見つけるのにはまだ役立ちます。
中括弧構文を使用する他の言語 (および PLSQL などのない言語) では、コードをインデントすると非常に役立ちます。例：
for(...)
{
if(..)
{
while(..)
{
}
}
else
{
}
}
上記は、次のものに比べて読みにくいです。
for(...)
{
if(..)
{
while(..)
{
}
}
else
{
}
}
上記のインデントにより、実行の流れと各ブロックの開始/終了ブレースを簡単かつ迅速に読み取ることができます。
コーディングにおける大きな問題の 1 つは、コードのメンテナンスです。ある開発者は、自分のコードは永遠に機能し、防弾であり、変更を必要としないと常に考えています。それは明らかに真実ではありません。したがって、別の開発者がこのコードを掘り下げる必要がありますが、元のコーダーが自分のコードをフォーマットして文書化していない場合、通常は困難です。フォーマットとは、読みやすさと再利用性に関するものです。
javascriptについて要約されているなど、通常受け入れられているガイドラインに従うことができます。
すべての言語にはさまざまなコーディング標準があり、多かれ少なかれ人気があります。
コーディング標準を使用する理由: あなた/あなたのチーム/他の人にとって読みやすく、プロジェクトに「統一感」を与えます。大規模なプロジェクトで標準をコーディングしないと、次のようなコードが表示されると考えてください。
if (condition) return FALSE;
else {
$x=1;
} else $x=3;if (condition2) return true;
PHP コーディング標準の例:
私の知る限り、これら 3 つの規則がコードのインデントの考え方を支配しています。
コードをインデントする方法は? -私は、括弧または関数の最初から最後まで、またはループ、配列としてのタスクに基づいてそれをベースにします...
サイトが適切に機能することを確認する優れた方法は、HTML を記述することです。これにより、コンテンツと機能に集中し、すべてをきれいにする前にテストすることができます.
詳細については、次の 2 つの記事をお読みください:-