자바스크립트 ;(세미클론)은 언제 쓰는것인가?

자바스크립트 ;(세미클론)은 언제 쓰는것인가?

 

JavaScript에서 세미콜론(; )은 문장(statement)의 끝을 표시합니다. 문장은 프로그램에서 실행 가능한 최소한의 코드 단위입니다. 세미콜론은 각 문장이 서로 분리되어 실행될 수 있도록 합니다. 

거의 모든 경우, 자바스크립트 해석기는 세미콜론을 자동으로 삽입해줍니다. 그러나 경우에 따라서는 세미콜론의 위치가 올바르지 않으면 버그(bug)가 발생하기도 합니다. 때문에 세미 콜론 양식을 따르는 것이 바람직하다고 할 수 있습니다.

아래 예제에서는 세미콜론이 포함된 `if`문을 보여줍니다.

```javascript
let a = 3;
let b = 2;

if (a > b) {
  console.log("a is greater than b");
} else {
  console.log("a is less than or equal to b");
}
```

위 예제에서 각 문장(statement)은 세미콜론으로 끝나고 있습니다. 이러한 문장 끝에 세미콜론을 적는 습관을 갖는 것이 좋습니다.

 

---

함수 내부에 변수를 선언하는 경우, 일반적으로 변수명과 변수값 사이에 세미콜론을 추가하지 않습니다. 

예를 들어 아래와 같은 코드에서는 세미콜론을 사용하지 않습니다.

```javascript
function myFunction() {
  var x = 123;
  var y = 'abc';

  console.log(x, y);
}
```

이는 변수 선언이 문장(statement)의 끝을 나타내는 것이 아니기 때문입니다. 따라서 변수를 선언하는 문장(statement) 끝에는 세미콜론을 추가하지 않습니다.

하지만 함수 내부에서 변수를 선언하고 할당하는 표현식(expression)을 사용하는 경우, 그 표현식 뒤에는 세미콜론을 추가합니다. 예를 들어,

```javascript
function myFunction() {
  var x = 123,
      y = 'abc';
      
  console.log(x, y);
}
```

위와 같이 변수 x와 y를 동시에 선언하고 값을 할당하는 경우, 각각의 할당 구문(statement) 끝에 쉼표(,)를 사용하고, 마지막 구문 끝에는 세미콜론을 사용합니다. 

이는 구문(statement)이 끝나는 지점을 명확히 하기 위함입니다. 따라서 이러한 방법은 유지보수를 용이하게 하기 위해 권장됩니다.

 

두개의 문장은 동일하다.

---

javaScript에서 문장(statement)은 프로그램에서 실행 가능한 최소한의 코드 단위입니다. 선언과 할당을 한 문장(statement)을 구분하기 위해서는 세미콜론을 사용하는 것이 권장됩니다.
예시 코드:
var x = 10;
var y = 'Hello World!';

function myFunction() {
  var z = x + y;
  return z;
}
위 예시에서는 세 개의 문장(statement)이 있습니다. 첫 번째와 두 번째 문장은 변수를 선언하고 값을 할당하는 구문(statement)이며, 함수를 선언하고 함께 구현된 블록 입니다.

 

 

---

function 문에 리턴이 안에있고, 밖에있는 차이점은?

 

function myFunction() {
  var z = x + y;
  return z;
}
, 


function myFunction() {
  var z = x + y;

}
  return z;

이 두문장의 차이점은 무엇인가?

 

두 코드의 차이점은 중괄호의 위치입니다. 

첫 번째 코드에서는 함수의 중괄호 안에서 변수 z에 x와 y를 더한 값을 할당하고, 그 다음에 z를 반환하고 있습니다. 

두 번째 코드에서는 함수의 중괄호 안에서 변수 z에 x와 y를 더한 값을 할당하고, 이어서 중괄호 바깥에서 z를 반환하고 있습니다. 하지만 이 코드는 오류가 발생합니다. 

JavaScript에서는 중괄호 안에서 선언된 변수는 해당 중괄호 안에서만 유효합니다. 따라서 두 번째 코드에서 변수 z는 함수 바깥에서는 정의되지 않은 변수이기 때문에, "Uncaught ReferenceError: z is not defined" 에러가 발생합니다.