간단한 시작: 기본 사항 이해 기본적인 것부터 시작해 보겠습니다.
여기서는 상수 x를 생성하고 값 5를 부여했습니다. 쉽죠?
const x = 5;결국 x = 5와 동일한 것으로 귀결됩니다
.
값으로 해석됩니다 . 이것이 제가 처음으로 "아하"하는 순간이었습니다. JavaScript에서
표현식
const y = getAnswer();
표현식이란 정확히 무엇입니까? 식은 값으로 평가하는 코드 조각입니다. 5와 같은 단일 숫자는 이미 값이기 때문에 표현식입니다. 하지만 2 3과 같은 더 복잡한 연산도 표현식입니다. 5로 평가됩니다.
이 모든 경우에 코드는 평가된 후 값을 생성하며 이것이 바로 표현식이 됩니다.
그렇다면 진술이란 무엇입니까?
12 // Evaluates to 12. 7 + 5 // Evaluates to 12. Math.sqrt(16) // Evaluates to 4. "Hello" + " World" // Evaluates to "Hello World".가치 생성
에 관한 반면, 문은
행동 수행알려주는 코드의 지침이나 명령으로 생각하세요. 예를 들어 if 조건, for 루프, while 루프와 같은 제어 흐름 구조는 문이지만 그 자체로 값을 반환하지는 않습니다. 이 if 문은 x가 10보다 큰지 확인합니다. 조건이 true이면 블록 내부의 코드를 실행합니다. 하지만 그 자체로는 가치가 결정되지 않습니다.
이 차이가 왜 중요한가요?
처음에는 표현과 진술의 차이가 단지 기술적인 차이인 줄 알았습니다. 하지만 더 많이 배우면서 이것이 실제로 코드 작성 방법에 영향을 미친다는 것을 깨달았습니다. 이유는 다음과 같습니다.
const x = 5;
그러나 표현식은 값으로 평가하므로 표현식을 전달할 수 있습니다:
const y = getAnswer();
이 경우 삼항 연산자는 결과 변수에 할당할 수 있는 값인 "예" 또는 "아니요"로 평가됩니다.
제가 발견한 흥미로운 점 중 하나는 JavaScript를 사용하면 다른 표현식 안에 표현식을 중첩할 수 있다는 것입니다. JavaScript는 이를 하나씩 평가하고 최종 결과는 단일 값이 됩니다.
예:
12 // Evaluates to 12. 7 + 5 // Evaluates to 12. Math.sqrt(16) // Evaluates to 4. "Hello" + " World" // Evaluates to "Hello World".
여기에 두 개의 표현식이 있더라도 JavaScript는 둘 다 최종 값인 3을 반환하도록 해결합니다.
간단히 비교하자면 다음과 같습니다.
표현:
진술:
표현식과 문의 차이점을 알면 더 좋고 효율적인 코드를 작성하는 데 도움이 될 수 있습니다. JavaScript가 값(표현식)을 기대하는 시기와 명령(문장)이 필요한 시기를 이해하면 혼란스러운 오류를 방지하고 코드를 더욱 깔끔하게 만들 수 있습니다.
예를 들어, if 문을 변수에 할당하려고 하면 if 문이 값을 생성하지 않기 때문에 오류가 발생합니다. 그러나 변수에 삼항 표현식을 할당하는 것은 값을 평가하기 때문에 작동합니다.
표현식과 문의 차이점을 배운 덕분에 JavaScript가 내부적으로 어떻게 작동하는지 이해하는 데 도움이 되었습니다. 표현식은 코드에서 값의 구성 요소인 반면, 명령문은 프로그램에 수행할 작업을 알려줍니다.
이것을 이해하고 나면 코드의 일부 부분이 작동하는 방식과 특정 작업(변수에 if 문 할당 등)이 작동하지 않는 이유를 인식하기 시작할 것입니다.
이 차이점을 이제 막 알아보기 시작했다면 걱정하지 마세요. 저 역시 이 차이점을 이해하는 데 시간이 좀 걸렸습니다! 그러나 일단 클릭하면 코드가 더욱 직관적으로 변하는 것을 느낄 수 있습니다.
즐거운 코딩하세요!
위 내용은 JavaScript에서 표현식과 명령문의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!