Skip to content

Commit 37c6674

Browse files
committed
const に統一して全体を整理
1 parent a5ef48a commit 37c6674

File tree

1 file changed

+21
-19
lines changed

1 file changed

+21
-19
lines changed

docs/1-trial-session/09-functions/index.mdx

Lines changed: 21 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -106,41 +106,41 @@ document.write(multiply(3, 4));
106106
{/* prettier-ignore */}
107107
<Term>関数</Term>やif文などの中で`let``const`を使って宣言された<Term>変数</Term>は、それらの内部でのみ有効です。<Term>変数</Term>が有効な範囲のことを、その<Term>変数</Term>の<Term>**スコープ**</Term>と呼んでいます。
108108

109-
次の例では、<Term>関数</Term>`greet`の中で<Term>変数</Term>`message`を宣言しています。
109+
次の例では、<Term>関数</Term>`greet`の中で<Term>変数</Term>`siteName`を宣言しています。
110110

111111
```javascript
112112
function greet() {
113-
let message = "Hello!";
114-
document.write(message); // Hello! と表示される
113+
const siteName = "田中のブログ";
114+
document.write("ようこそ、" + siteName + "へ!");
115115
}
116116

117-
greet();
117+
greet(); // ようこそ、田中のブログへ! と表示される
118118
```
119119

120-
ここで、<Term>関数</Term>の外側から`message`を利用しようとするとエラーになります。
120+
ここで、<Term>関数</Term>の外側から`siteName`を利用しようとするとエラーになります。
121121

122122
```javascript
123123
function greet() {
124-
let message = "Hello!";
124+
const siteName = "田中のブログ";
125+
document.write("ようこそ、" + siteName + "へ!");
125126
}
126127

127-
greet();
128+
greet(); // ようこそ、田中のブログへ! と表示される
128129

129-
// document.write(message); これはエラーになる
130+
// これはエラーになる
131+
// document.write(siteName);
130132
```
131133

132134
一方で、<Term>関数</Term>の外側で宣言された<Term>変数</Term>を<Term>関数</Term>の内側から利用することは可能です。
133135

134136
```javascript
135-
let guestCount = 0;
137+
const siteName = "田中のブログ";
136138

137139
function greet() {
138-
guestCount = guestCount + 1;
139-
document.write("あなたは" + guestCount + "人目のお客様です。");
140+
document.write("ようこそ、" + siteName + "へ!");
140141
}
141142

142-
greet(); // あなたは1人目のお客様です。
143-
greet(); // あなたは2人目のお客様です。
143+
greet(); // ようこそ、田中のブログへ! と表示される
144144
```
145145

146146
:::tip[複合代入演算子]
@@ -149,16 +149,18 @@ greet(); // あなたは2人目のお客様です。
149149

150150
`x += y`は、`x = x + y`という意味になります。他にも`-=``*=`などの演算子が定義されています。`x -= y``x = x - y``x *= y``x = x * y`という意味になります。
151151

152-
上の例の
152+
次の例の`greet`<Term>関数</Term>は、呼び出されるたびに`guestCount`に1を加えています。`guestCount += 1;`は、`guestCount = guestCount + 1;`のように読み替えられます。
153153

154154
```javascript
155-
guestCount = guestCount + 1;
156-
```
155+
let guestCount = 0;
157156

158-
は以下のように書き換えることができます。
157+
function greet() {
158+
guestCount += 1;
159+
document.write("あなたは" + guestCount + "人目のお客様です。");
160+
}
159161

160-
```javascript
161-
guestCount += 1;
162+
greet(); // あなたは1人目のお客様です。
163+
greet(); // あなたは2人目のお客様です。
162164
```
163165

164166
:::

0 commit comments

Comments
 (0)