JavaScript에서 표현식과 명령문의 차이점은 무엇입니까?

DDD
풀어 주다: 2024-10-22 06:26:17
원래의
119명이 탐색했습니다.
What is the Difference Between Expressions and Statements in JavaScript?그래서 제가 표현과 문장에 대해 배운 내용을 가능한 한 가장 간단한 방법으로 학습자마다 설명하려고 합니다!

간단한 시작: 기본 사항 이해 기본적인 것부터 시작해 보겠습니다.

여기서는 상수 x를 생성하고 값 5를 부여했습니다. 쉽죠?

이제 다음 줄을 보세요.


getAnswer()는 수백 줄의 코드가 포함된 복잡한 함수일 수 있지만
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".
로그인 후 복사
로그인 후 복사
가치 생성

에 관한 반면,

행동 수행

에 관한 것입니다. 명령문을 JavaScript

무엇을 해야 할지

알려주는 코드의 지침이나 명령으로 생각하세요. 예를 들어 if 조건, for 루프, while 루프와 같은 제어 흐름 구조는 이지만 그 자체로 값을 반환하지는 않습니다. 이 if 문은 x가 10보다 큰지 확인합니다. 조건이 true이면 블록 내부의 코드를 실행합니다. 하지만 그 자체로는 가치가 결정되지 않습니다.

이 차이가 왜 중요한가요? 처음에는 표현과 진술의 차이가 단지 기술적인 차이인 줄 알았습니다. 하지만 더 많이 배우면서 이것이 실제로 코드 작성 방법에 영향을 미친다는 것을 깨달았습니다. 이유는 다음과 같습니다.

  • 표현이 필요한 곳에는 문장을 사용할 수 없습니다. 예를 들어 함수는 작업이 아닌 값을 기대하므로 if 문을 함수 인수로 전달할 수 없습니다.
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가 값을 기대하는 모든 곳에서 사용할 수 있습니다.
    • 단순(예: 5) 또는 복잡(예: Math.sqrt(4))일 수 있습니다.
  • 진술:

    • 작업을 수행하거나 프로그램 흐름을 제어합니다.
    • 가치 자체로 평가하지 마세요.
    • 예에는 if 조건, 루프 및 선언이 포함됩니다.

왜 이러한 구별에 관심을 가져야 합니까?

표현식과 문의 차이점을 알면 더 좋고 효율적인 코드를 작성하는 데 도움이 될 수 있습니다. JavaScript가 값(표현식)을 기대하는 시기와 명령(문장)이 필요한 시기를 이해하면 혼란스러운 오류를 방지하고 코드를 더욱 깔끔하게 만들 수 있습니다.

예를 들어, if 문을 변수에 할당하려고 하면 if 문이 값을 생성하지 않기 때문에 오류가 발생합니다. 그러나 변수에 삼항 표현식을 할당하는 것은 값을 평가하기 때문에 작동합니다.

마무리: 코드를 다르게 보기

표현식과 문의 차이점을 배운 덕분에 JavaScript가 내부적으로 어떻게 작동하는지 이해하는 데 도움이 되었습니다. 표현식은 코드에서 값의 구성 요소인 반면, 명령문은 프로그램에 수행할 작업을 알려줍니다.

이것을 이해하고 나면 코드의 일부 부분이 작동하는 방식과 특정 작업(변수에 if 문 할당 등)이 작동하지 않는 이유를 인식하기 시작할 것입니다.

이 차이점을 이제 막 알아보기 시작했다면 걱정하지 마세요. 저 역시 이 차이점을 이해하는 데 시간이 좀 걸렸습니다! 그러나 일단 클릭하면 코드가 더욱 직관적으로 변하는 것을 느낄 수 있습니다.

즐거운 코딩하세요!

위 내용은 JavaScript에서 표현식과 명령문의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

원천:dev.to
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
저자별 최신 기사
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!