2

私は Web 開発の初心者で、オンラインで見つけた JavaScript の演習をいくつか行っています。そのうちの 1 つは、ユーザーに姓と名の入力を求め、これらの名前をドキュメントに追加するように求めます。

これを調査していると、多くの変数を使用するコードが見つかりました。私の解決策はこれでした:

var el = document.getElementById("welcome");
var txt = fullName;
var node = document.createTextNode(txt);
el.appendChild(node);
    };

greet()

私は少し遊んで、これが機能することを発見しました:

document.getElementById("welcome").appendChild(document.createTextNode(fullName));

私のオリジナルのソリューションはjsFiddleで見ることができます。また、HTML に手順を追加しました。

私の質問は、ほとんどの人が変数を入れることを提案するのはなぜですか? それはベストプラクティスですか?なんで?

ああ、もしあなたがそこに行ったら、なぜ私の順序付けられたリストが番号なしで出てきたのか誰か教えてもらえますか? jsFiddle は CSS でリセットを使用しますか?

注: 関数に入れる必要があるかどうかはわかりませんが、今のところ、すべてをボックスに入れることで整理しやすくなっています。

助けてくれてありがとう デイブ

4

5 に答える 5

1

それらを使用する理由はいくつかありますが、ここではどれも当てはまらないと思います。

自己文書化。

var title = "Program crashed";
var msg = "Program crashed";
do_alert(title, msg);

より簡単なデバッグ: (コメントに基づいてコードをわずかに変更)

var step1 = long_complex_function();
alert(step1);
//console.log(step1);

var step2 = long_other_calcuation;
alert.log(step2);
//console.log(step2);

do_major_func(step1, step2);
于 2012-12-26T05:47:50.010 に答える
1

変数は、値に「名前を付ける」ことができます。これらの名前は、常にではありませんが、コードをより自己記述的で理解しやすいものにすることができます。この例の変数名は、残念ながら、わかりやすい名前の悪い例ですが、..

(代わりにこれを検討してください)

var welcomeElm = document.getElementById("welcome");
var titleElm = document.createTextNode(fullname);
welcomeElm.appendChild(titleElm);
// and maybe also do something else too ..
// (no need to re-evaluate getElementById)
welcomeElm.className = "available";
于 2012-12-26T05:40:08.067 に答える
1

「document.getElementById("welcome")」が複数回必要な場合は、変数を使用することをお勧めします。

ページサイズが小さくなり、ページの動作が速くなります。

于 2012-12-26T05:41:00.513 に答える
1

コードで多くの変数を使用する必要があるというわけではありません。単にあなたが初心者であり、多くの場合、作成者がスーパー プログラミング スキルを使用して初心者を教えないということです。とても賢い。したがって、学習中により良いコードを書いている場合は、はるかに速く学習しているように見えます...変数を使用して値を保持することは、多くの場合良い習慣です..しかし、もちろん、あまり使用せずに作業を行うのに十分賢い場合それらのうち害はありません...これは、実際には2つの変数を必要としない簡単な例です

var a = 5, b = 5;
var result = a + b;

alert(result); //Results 10 

次のように簡単に書くことができます

var total = 5 + 5;
alert(total); //Results 10 too

ただし、2 番目のアプローチを使用する場合は、var totalどこでも使用できるわけではなく、結果が必要になるたびに自分で値を変更する必要があるため、コードを変更してそれに応じてデータを使用するのが簡単になる十分な変数を作成することをお勧めします。

そして他の質問については、はい jsfiddle do は CSS をリセットします

要素をリセットしたくない場合は、Normalized CSSのチェックを外してください。

于 2012-12-26T05:41:38.347 に答える
1

変数は、コードに値を格納するために使用されます。それらを変数に格納せずにコードを使用すると、データを操作するのが難しくなります。コードのように、プロンプトを使用しました。変数で作成しない場合、ユーザーが入力した値をどのように取得できますか? Javascript の変数は、大きなコードを記述せずに時間を節約するのに役立ちます!

于 2012-12-26T05:43:26.417 に答える