1
1
# コード構造
2
2
3
- 最初の勉強は、コードのビルディングブロックです 。
3
+ 最初の勉強は、コードの基本的な要素に関してです 。
4
4
5
5
[ cut]
6
6
10
10
11
11
私たちは既に ` alert('Hello, world!') ` という文を見ました。それはメッセージを表示します。
12
12
13
- 私たちは、望むだけの多くの文をコードに含めることができます 。文はセミコロンで区切ることができます。
13
+ 私たちは必要なだけ文をコードに含めることができます 。文はセミコロンで区切ることができます。
14
14
15
- たとえば、ここではメッセージを2つに分けます :
15
+ たとえば、これはメッセージを2つに分けます :
16
16
17
17
``` js run no-beautify
18
18
alert (' Hello' ); alert (' World' );
19
19
```
20
20
21
- 通常、各文は別の行に書かれます -- これによりコードはより読みやすくなります 。
21
+ 通常、それぞれの文は別の行に書かれます -- これによりコードの可読性が向上します 。
22
22
23
23
``` js run no-beautify
24
24
alert (' Hello' );
@@ -27,17 +27,17 @@ alert('World');
27
27
28
28
## セミコロン
29
29
30
- セミコロンは改行が存在するとき、ほとんどのケースで省略されます 。
30
+ 改行がある場合は、ほとんどの場合セミコロンを省略できます 。
31
31
32
- これもまた動作します :
32
+ これも動作します :
33
33
34
34
``` js run no-beautify
35
35
alert (' Hello' )
36
36
alert (' World' )
37
37
```
38
38
39
- ここでJavaScriptは、改行を "暗黙" のセミコロンとして解釈します 。
40
- それはまた [ 自動セミコロン挿入] ( https://tc39.github.io/ecma262/#sec-automatic-semicolon-insertion ) と呼ばれます。
39
+ ここでJavaScriptは、改行を "暗黙" のセミコロンと解釈します 。
40
+ これは [ 自動セミコロン挿入] ( https://tc39.github.io/ecma262/#sec-automatic-semicolon-insertion ) と呼ばれます。
41
41
42
42
** ほとんどのケースで改行はセミコロンを意味します。しかし "ほんどのケース" は "いつも" ではありません!**
43
43
@@ -49,20 +49,20 @@ alert(3 +
49
49
+ 2 );
50
50
```
51
51
52
- このコードは ` 6 ` を出力します、なぜなら JavaScript はここではセミコロンを挿入しないからです 。もし行の終わりがプラス ` "+" ` で終わっている場合、直感的には "不完全な表現" であり、セミコロンが必要ないのは明らかです。そしてこのケースでは、それは意図したとおりに動作します 。
52
+ このコードは ` 6 ` を出力します、なぜなら JavaScript はセミコロンを挿入しないからです 。もし行の終わりがプラス ` "+" ` で終わっている場合、直感的には "不完全な表現" であり、セミコロンが必要ないのは明らかです。このケースでは、それは意図した通りに動作します 。
53
53
54
54
** しかしJavaScriptが、本当に必要なときにセミコロンを想定 "し損なう" ケースがあります。**
55
55
56
56
このようなケースで発生するエラーは検出と修正が非常に難しいです。
57
57
58
58
```` smart header="エラーの例"
59
- もしもあなたがこのようなエラーの具体例を見て興味があるなら、このコードを確認してください :
59
+ このようなエラーの具体例に興味があるなら、このコードを確認してみてください :
60
60
61
61
```js run
62
62
[1, 2].forEach(alert)
63
63
```
64
64
65
- 角括弧 `[]` や `forEach` の意味についてはまだ考える必要はありません。私達はあとでそれらを勉強するでしょう、今のところそれは問題ではありません 。ただ結果を覚えておきましょう: "1", そして "2" が表示されます。
65
+ 角括弧 `[]` や `forEach` の意味についてはまだ考える必要はありません。それらについては後ほど勉強するので今のところ問題ではありません 。ただ結果を覚えておきましょう: "1", そして "2" が表示されます。
66
66
67
67
今、コードの前に `alert` を追加し、セミコロンで終わら "ない" ようにしましょう:
68
68
@@ -72,43 +72,40 @@ alert("There will be an error")
72
72
[1, 2].forEach(alert)
73
73
```
74
74
75
- それを実行した場合 、最初の `alert` だけが表示され、エラーが発生するでしょう!
75
+ 実行すると 、最初の `alert` だけが表示され、エラーが発生するでしょう!
76
76
77
- しかし、もしも `alert` の後にセミコロンをつけた場合はすべてうまく行きます:
77
+ しかし、`alert` の後にセミコロンをつけた場合はすべてうまく行きます:
78
78
```js run
79
79
alert("All fine now");
80
80
81
81
[1, 2].forEach(alert)
82
82
```
83
83
84
- 今や私たちは "All fine now" メッセージ、そして `1`, `2` を得ます 。
84
+ これで "All fine now" メッセージ、そして `1`, `2` が表示されます 。
85
85
86
-
87
- セミコロンのない場合のエラーは、JavaScript は角括弧 `[...]` の前にはセミコロンを暗示しないために発生します。
88
-
89
- そのため、セミコロンは自動挿入されないので最初の例のコードは1つの文として扱われます。
86
+ JavaScriptでは角括弧 `[...]` の前にはセミコロンを想定しません。そのため、セミコロンは自動挿入されないので最初の例のコードは1つの文として扱われます。
90
87
エンジンは次のように解釈しています:
91
88
92
89
```js run no-beautify
93
90
alert("There will be an error")[1, 2].forEach(alert)
94
91
```
95
92
96
- しかし、それは1つではなく2つの別の文であるべきです 。今回のケースのようなマージは間違っているのでエラーです。このようなことが起こるシチュエーションは他にもあります。
93
+ しかし、本来は1つではなく2つの文であるべきです 。今回のケースのようなマージは間違っているのでエラーです。このようなことが起こるシチュエーションは他にもあります。
97
94
````
98
95
99
- 改行によって文が分割されていたとしてもセミコロンを置くことを推奨します 。このルールはコミュニティで広く採用されています。再度留意しましょう -- ほとんどの場合でセミコロンは除くことが * 可能* です。しかし、特に初心者はセミコロンを使うのが安全です 。
96
+ 改行によって文が分割されるとしてもセミコロンを置くことを推奨します 。このルールはコミュニティで広く採用されています。改めて留意しましょう -- ほとんどの場合、セミコロンは除くことが * 可能* です。しかし、特に初心者はセミコロンを使う方が安全です 。
100
97
101
98
## コメント
102
99
103
- 時が経つにつれて、プログラムはどんどん複雑になります。起こることと、なぜを説明するための * コメント* を追加し始める必要があります。
100
+ 時が経つにつれて、プログラムはどんどん複雑になります。起こることと、なぜを説明するために * コメント* を追加し始める必要があります。
104
101
105
- コメントはスクリプトのどの場所にも書くことができます。エンジンは単にそれらを無視するので 、実行には影響しません。
102
+ コメントはスクリプトのどの場所にも書くことができます。エンジンはそれらを無視するので 、実行には影響しません。
106
103
107
104
** 1行のコメントは、2つのスラッシュ文字 ` // ` から始まります。**
108
105
109
106
残りの行はコメントです。それは行全体または文に従います。
110
107
111
- ここのように :
108
+ このようになります :
112
109
``` js run
113
110
// この行全体がコメントになります。
114
111
alert (' Hello' );
@@ -118,7 +115,7 @@ alert('World'); // このコメントは文の後に続いています。
118
115
119
116
** 複数行のコメントはスラッシュとアスタリスク <code >/* ; </code > で始まり、アスタリスクとスラッシュ <code >* ; /</code > で終わります。**
120
117
121
- このように :
118
+ このようになります :
122
119
123
120
``` js run
124
121
/* 2つのメッセージを含む例。
@@ -128,10 +125,10 @@ alert('Hello');
128
125
alert (' World' );
129
126
```
130
127
131
- コメントの内容は無視されます、そのためもしも <code >/* ; ... * ; /</code > の中にコードをおいても、それは実行されないでしょう 。
128
+ コメントの内容は無視されます、そのため、 <code >/* ; ... * ; /</code > の中にコードをおいても実行されません 。
132
129
133
130
134
- 時々、コードの一部を一時的に無効にすると便利です :
131
+ これはコードの一部を一時的に無効にしたいときに便利です :
135
132
136
133
``` js run
137
134
/* コードのコメントアウト
@@ -148,7 +145,7 @@ Macでは、 `key:Ctrl` の代わりに `key:Cmd` を試してください。
148
145
```` warn header="入れ子のコメントはサポートされていません!"
149
146
別の `/*...*/` の中に `/*...*/` はありません。。
150
147
151
- このようなコードはエラーで死にます 。
148
+ このようなコードはエラーになります 。
152
149
153
150
```js run no-beautify
154
151
/*
@@ -158,8 +155,8 @@ alert( 'World' );
158
155
```
159
156
````
160
157
161
- コードにコメントするのをためらわないでください 。
158
+ コードにコメントするのを躊躇わないでください 。
162
159
163
- コメントは全体のコード規模を増加させますが 、それは全く問題ではありません。プロダクションサーバへリリースする前にコードを minify する多くのツールがあります。それらはコメントを除去するので、実行スクリプトの中には現れません 。そのため、コメントはプロダクション上でネガティブな影響は全くありません 。
160
+ コメントはコード規模を増加させますが 、それは全く問題ではありません。プロダクションサーバへリリースする前にコードを minify する多くのツールがあります。それらはコメントを除去するので、実行されるスクリプトには現れません 。そのため、コメント書くことによるネガティブな影響は全くありません 。
164
161
165
- さらにこのチュートリアルでは、より良いコメントの書き方を説明するチャプター < info:coding-style > があります 。
162
+ さらにこのチュートリアルでは、より良いコメントの書き方を説明するチャプター < info:coding-style > もあります 。
0 commit comments