JavaScript を自ら学ぶ人のための質問スレッドです。
>>2-4のテンプレを読んだ上で質問してください。

■質問を書く上で
(1) 煽り、コード制作依頼等、人を不快にさせる投稿はご遠慮下さい。公序良俗を守った応対を心がけてください。
(2) 他の人に迷惑をかけるスクリプトの質問はご遠慮ください。
　　(ブラクラ、[戻る], [閉じる], [クリック] の妨害、画面占有など)
(3) 質問者及び議論を行う人はメール欄を空欄にし、名前にレス番を入れることを強く推奨します。(なりすまし及び煽り防止のため)
(4) 常に自発的に調べる心構えを持ってください。
　　具体的には「自分で調べてから質問する」「回答をもらってわからない単語があればGoogle検索してみる」など。
　　わからない内容を代わりに調べてくれる回答者をお望みの方は余所で質問してください。
(5) 出来るだけ一般的な用語を使用してください。脳内オレオレ用語は混乱の元です。
(6) 出来るだけサンプルコードを掲示してください。言葉による説明は行き違いが生まれる場合があります。
　　※必ず「問題の事象が再現されること」を確認してください。
　　　必要な部分だけ切り出したつもりで現象が再現できていなかったケアレスミスがしばしば見られます。
(7) サンプルコードに HTML が含まれる場合はhttp://validator.w3.org/ で [Check] してみてください。
(8) 質問を具体的かつ詳細に書くと回答を得られやすいです。質問テンプレートを活用してみてください。

■質問テンプレート
【環境】OS, ブラウザをバージョンと共に記入してください。(ex: IE8, Firefox4)
【何をしたのか】何をしたら問題の現象が発生するのか。再現手順を具体的に書いてください。
【エラーメッセージ】エラーメッセージがあれば正確に書き写してください。(Windows なら「コピット」を活用)
【期待する結果】最終的にどういう結果を望んでいるのか、を書いてください。
【サンプルコード】現象を再現可能な最小限のコードを書いてください。
　1レスに収まらないならコード投稿サイトを利用してください。
　http://jsdo.it/　http://jsbin.com/　http://jsfiddle.net/　http://ideone.com/

■前スレ
+ JavaScript の質問用スレッド vol.109 +
http://toro.2ch.net/test/read.cgi/hp/1381154429/

■過去スレ全集
http://www2.atpages.jp/mirror/2ch/javascript/
http://usamimi.info/~mirrorhenkan/2ch/javascript/ (閲覧のみ)

■テンプレ案
http://jsfiddle.net/fH4cC/21/show/

■関連スレ
ECMAScript デス 4
http://toro.2ch.net/test/read.cgi/tech/1325448978/
【jQuery】JavaScript ライブラリ総合質問所 vol.3
http://toro.2ch.net/test/read.cgi/hp/1369444026/
WSH(・∀・)ｽﾚｯﾄﾞ! Part 5
http://toro.2ch.net/test/read.cgi/tech/1350201791/
【WHATWG】HTML5 Part4【W3C HTML WG】
http://toro.2ch.net/test/read.cgi/hp/1329529892/
Webサイト制作初心者用質問スレ part236
http://toro.2ch.net/test/read.cgi/hp/1329529892/
CSS初心者スレッド＝12th＝
http://toro.2ch.net/test/read.cgi/hp/1343429848/
Canvasについて語ろう
http://toro.2ch.net/test/read.cgi/hp/1305093769/

■主要FAQ (全部はhttp://fiddle.jshell.net/vSqKr/33/show/ )
Q1. 別窓・フレーム内容やローカルファイルを読み書きしたいのですが…
A1. 別サーバのページやファイルの内容はセキュリティ制約でアクセス不可です。
Q2. document.write()でページ内容を追加したいのですが…
A2. 一度表示完了後にwriteするとページ内容が消去されます。DOM等別手段を。
Q3. table内容のinnerHTMLやDOMでの変更がうまく行かないのですが…
A3. IEではtable/tbody/trのinnerHTML書き換え不可です。DOMを使いますが、
　　DOMの場合tableの直下にはtbody要素が(作らなくても)あることに注意。
Q4. フォーム部品名を変数にした「...myform.変数名.value」が動きません…
A4. 「document.forms.myform.elements[変数名].value」でどぞ。
　 JavaScriptでは一般に「obj.x」と「obj['x']」は同じ意味です。
　 グローバル変数はwindowのプロパティなので「x」と「window['x']」も。
Q5. CSSで設定した背景色がe.style.backgroundColorで取得できないのですが…
A5. 取得には document.defaultView.getComputedStyle() を使う必要あり。
　　IEでは要素オブジェクトのプロパティcurrentStyleを使う。
Q6. setAttribute("class","foo")、setAttribute("onclick","bar()")が動きません…
A6. IEではそれは不可。「obj.className="foo"」「obj.onclick=bar」でどぞ。
Q7. タイマーやイベントハンドラに設定するコードにthisを含めたいのですが
　　「"...this..."」とか「function(){...this...}」ではうまく行きません。
A7. 実行時にthisが別のものを指してしまってる。以下のようにthisを束縛保存。
　　「function(x){return function(){...x...};}(this)」
Q8. input type="file"の値を設定(参照)できないのですが…
A8. セキュリティ制約のため設定は絶対に不可。参照はブラウザにより不可。
Q9. getElementById('ID名')や$('ID名')で要素が取れないのですが…
A9. コード実行時点でHTMLがそこまで読まれてない。window.onload 中でやるとか

■主要FAQ (全部はhttp://fiddle.jshell.net/vSqKr/33/show/ )
Q1. 別窓・フレーム内容やローカルファイルを読み書きしたいのですが…
A1. 別サーバのページやファイルの内容はセキュリティ制約でアクセス不可です。
Q2. document.write()でページ内容を追加したいのですが…
A2. 一度表示完了後にwriteするとページ内容が消去されます。DOM等別手段を。
Q3. table内容のinnerHTMLやDOMでの変更がうまく行かないのですが…
A3. IEではtable/tbody/trのinnerHTML書き換え不可です。DOMを使いますが、
　　DOMの場合tableの直下にはtbody要素が(作らなくても)あることに注意。
Q4. フォーム部品名を変数にした「...myform.変数名.value」が動きません…
A4. 「document.forms.myform.elements[変数名].value」でどぞ。
　 JavaScriptでは一般に「obj.x」と「obj['x']」は同じ意味です。
　 グローバル変数はwindowのプロパティなので「x」と「window['x']」も。
Q5. CSSで設定した背景色がe.style.backgroundColorで取得できないのですが…
A5. 取得には document.defaultView.getComputedStyle() を使う必要あり。
　　IEでは要素オブジェクトのプロパティcurrentStyleを使う。
Q6. setAttribute("class","foo")、setAttribute("onclick","bar()")が動きません…
A6. IEではそれは不可。「obj.className="foo"」「obj.onclick=bar」でどぞ。
Q7. タイマーやイベントハンドラに設定するコードにthisを含めたいのですが
　　「"...this..."」とか「function(){...this...}」ではうまく行きません。
A7. 実行時にthisが別のものを指してしまってる。以下のようにthisを束縛保存。
　　「function(x){return function(){...x...};}(this)」
Q8. input type="file"の値を設定(参照)できないのですが…
A8. セキュリティ制約のため設定は絶対に不可。参照はブラウザにより不可。
Q9. getElementById('ID名')や$('ID名')で要素が取れないのですが…
A9. コード実行時点でHTMLがそこまで読まれてない。window.onload 中でやるとか

質問です
if()の書き方はif();とif(){}の二通りありますが
なぜ前者の{}つけない方が多いんでしょうか？

実はパフォーマンスが優れてたりするんでしょうか？

>>1乙

>>5
1行に収めるなら{}は付けないというのが
良いコーディングスタイル

jqueryでfadeOutさせたらフェードアウトしただけでなく要素まで消えてしまいました
フェードアウトさせるだけにしたい時にはどうしたらいいですか？

>>7
そうは思いませんね
可読性に欠けます

短いものでも一行にせず{}を付けるのがクロックフォードスタイル

クロックフォードさんが付けろっていってる根拠は何？
統一性？インデントとかでブロックを取り違えるから？

なんで1行にするんだ？

何で１行にするんだじゃない
１行にする時は付けないんだよ
とは言っても長い時は
if(～～～～～～～)
＿＿＿＿＿＿～～～～～～～～;
みたいなのも見かけるが、まあそこはケースバイケースで見やすい方を取ったほうがいいかもね

クロックフォードはそもそも一行にするなって言ってる
俺もそうしてる

>>16
1行っていうか、1文の時はってこと？

クロックフォードスタイルはJSの良いとこも悪いとこも
全部叩いて平坦にしようっていう無難なスタイル
妥協点ではあるが最良点ではない
普通にチームにScripterが揃ってるんならもっと大胆な書き方をすべし

あと、個人的には１つのコーディングスタイルの全部が良いと思ったことはないし、
そう思って従うのは早慶じゃないかと思う
ちなみに自分は緩いNPMスタイルとlintおじさんの格言を組み合わせてる

>>16
やっぱりケースバイケースで見易さの為でしたか
納得できました
if()
if()
else
って非常に解り辛いコードがあったんで

V8：一行に収まる時は括弧レス
http://code.google.com/p/v8/source/browse/branches/bleeding_edge/src/v8natives.js

Node：見かけがスッキリする時は括弧レス
http://github.com/joyent/node/blob/master/src/node.js

＊Monkey：できる限り括弧レス
http://mxr.mozilla.org/mozilla-central/source/js/src/builtin/Array.js

elseある場合の省略マジやめろ
複数あると本気で困るわ

インデントがしっかりしてれば困らないだろ
まずそっちのスタイルをしっかりしろよ

>>23
> V8：一行に収まる時は括弧レス

それが規約になっているヤツないかな。

一行に収まるというか、

ifの実行文が1文で終わる場合は、
一行にすることを前提に括弧を省略してもよい。

というのが俺の規約だが。

http://npmjs.org/doc/coding-style.html

要素を空にする方法を検索してみると、
e.innerHTML = '<div></div>';
e.removeChild(e.firstChild);
とか
e.parentNode.replaceChild(e.cloneNode(false), e);
とか
while(e.firstChild) e.removeChild(e.firstChild);
とか、JQueryなら
$(e).empty();
とかあるようですが、どれがおすすめですか？

Function.prototype.bindってありますよね。あれ、引数も束縛できますが、
引数を配列で指定する方法ってないでしょうか？
直接は無理かと思うんですが、何かこう工夫してできないでしょうか？

無理

ES5ならこんな感じがいいんじゃない？

Function.prototype.bindApply(thisObject, argumentsArray) {
Function.prototype.bind.apply(this, [[thisObject].concat(argumentsArray)]);
}

func.bindApply(thisObject, argumentsArray);

質問です。
JavaScriptの入門書は発行日がいつ頃までのであれば使えますか？
2000年と2007年のものではどうでしょうか？

インデントをスペースにするとソースコードサイズが膨張するのでタブにした方がいいですよね？

タブの方がいいよ
後からスペースにも置き換えやすいし
サイズはどうでもいい

>>41
使えなくなった機能があるわけじゃないからどっちも使える

>>41
発行年月日ではなくて、本の内容で決めろ。

つまりだ。

そこら辺においてある本から選ぶのではなく、
Amazonやネットのレビューを参考にしたり、
大きな本屋に行って選ぶんだよ。

そして買いなさい。

多分その本は二つとも、使いものにならないから。

>>41
マルチ乙
http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q13114597858

マルチの何が駄目なのか分からん
複数の場所で質問した方がクオリティが上がるのは当たり前
他人が駄目と言っているから駄目と思い込んでいるだけの硬直思考

>>42
コードを書くときはスペースにしましょう
インデントは使ってはいけません
インデントはいろいろ不都合がありますので使ってはいけません
サイズ軽量化はプログラマのお仕事ではありません
そういう用途に適したツールの役目です

>>39
teramakoさん宣伝＆売名活動ごくろうさまです