English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية
컴퓨터 프로그램은 컴퓨터가 실행할 지시 목록입니다.
프로그래밍 언어에서 이러한 프로그래밍 지시는 문장으로 불립니다.
JavaScript 프로그램은 프로그래밍 문장의 목록입니다.
문장은 JavaScript에서 프로그램 흐름을 지정하는 데 사용됩니다.
JavaScript 문장은 다음 요소로 구성됩니다:값, 연산자, 표현식, 키워드 및 주석。
이 문장은 브라우저에 id="para"를 가진 HTML 요소에 "Hello world" 내용을 기록하도록 지시합니다:
document.getElementById("para").innerHTML = "Hello world";테스트를 보세요‹/›
대부분의 JavaScript 프로그램은 많은 JavaScript 문장을 포함하고 있습니다.
문장은 문장을 작성하는 순서와 같이 차례대로 실행됩니다.
var a, b, sum;// 문장 1 a = 20; // 문장 2 b = 30; // 문장 3 sum = a + b; // 문장 4테스트를 보세요‹/›
문장은 스크립트가 수행할 작업 및 수행 방식을 정의합니다.
C, C ++Java와 마찬가지로, JavaScript에서 간단한 문장은 일반적으로 콜론 문자 (;)를 뒤에 추가합니다.
하지만, 각 문장을 별도의 행에 배치할 때, JavaScript는 이 콜론 (;)를 제외할 수 있습니다.
var x = 20 var y = 30테스트를 보세요‹/›
하지만, 다음과 같이 단일 행 포맷으로 정리할 때는 반드시 콜론 (;)를 사용해야 합니다:
var x = 20; var y = 30;테스트를 보세요‹/›
콜론 (;)를 끝에 추가하지 않아도 되는 문장도 있지만, 실행 가능합니다:하지만, 강력히 권장합니다;。
콜론 (;)를 사용하는 것은 좋은 프로그래밍 관행입니다.
JavaScript는 JavaScript 프로그램에서 나타나는 공백, 탭, 줄 바꿈을 무시합니다.
스크립트에 공백을 추가하여 더 많은 가독성을 줄 수 있습니다.
이 두 행은 동일합니다:
var greet = "Hello world"; var greet = "Hello world";
일반적으로 연산자(=)의 위치에서 공백을 두는 것이 좋습니다: +-* /)앞뒤에 공백을 두고, 읽기 쉽게 합니다:
var sum = a + b ;
최고의 가독성을 위해, 코드 행이80개 문자.
JavaScript 문이 한 줄에 맞지 않을 때, 연산자(=)의 위치에서 줄 바꿈이 가장 좋습니다 +-* /)이후:
document.getElementById("para").innerHTML = "20+30의 합은 " + sum;테스트를 보세요‹/›
JavaScript 문은 대括호 내의 코드 블록에서 함께 그룹화될 수 있습니다{...}.
코드 블록의 목적은 함께 실행될 문장들을 정의하는 것입니다.
내부에JavaScript 함수에서블록 내에서 함께 실행될 문장들이 그룹으로 정리된 곳을 발견하게 됩니다.
function myFunc() { document.getElementById("p")1").innerHTML = "Hey, there!"; document.getElementById("p")2").innerHTML = "How are you doing?"; }테스트를 보세요‹/›
JavaScript 문은 일반적으로키워드시작하여 실행할 JavaScript 작업을 표시합니다.
이 튜토리얼에서 배울 수 있는 일부 키워드 목록은 다음과 같습니다:
키워드 | 설명 |
---|---|
var | 변수를 선언하며, 값을 초기화할 수 있습니다 |
let | 블록{} 범위의 지역 변수를 선언하며, 값을 초기화할 수 있습니다 |
const | 읽기 전용의 이름 지정된 상수를 선언합니다 |
break | 현재 루프, switch 또는 태그 문장을 종료하고, 종료된 문장 다음의 문장으로 프로그램 제어를 이동합니다 |
continue | 현재 루프나 표시된 루프의 현재 반복에서 문장의 실행을 중단하고, 다음 반복에서 루프를 계속합니다 |
if...else | 지정된 조건이 참이면 지정된 문장을 실행합니다. 조건이 거짓이면 다른 문장을 실행할 수 있습니다 |
switch | 표현식을 계산하여 표현식의 값이 case 문구와 일치하도록 하고, 해당 case와 관련된 문장을 실행합니다 |
throw | 사용자 정의 예외를 발생시킵니다 |
try...catch | 시도할 문장 블록을 표시하고, 예외가 발생할 경우에 대한 응답을 지정합니다 |
while | 지정된 조건의 값이 참일 때까지 지정된 문장을 반복적으로 실행하는 루프를 생성합니다. 문장을 실행하기 전에 조건을 평가합니다 |
do...while | 테스트 조건의 값이 거짓이 될 때까지 지정된 문장을 반복적으로 실행하는 루프를 생성합니다. 문장을 실행한 후 조건을 평가하고, 지정된 문장이 최소한 한 번 실행됩니다 |
for | 세 개의 선택할 수 있는 표현식으로 구성된 루프를 생성합니다. 표현식은 괄호로 묶여 있으며 세미콜론으로 구분되며, 루프에서 실행할 문장이 뒤따릅니다 |
for...in | 객체의 모든 인수 가능한 속성을 무작위로 순회합니다. 각 다른 속성에 대해 문장을 수행할 수 있습니다 |
for...of | 배열, 배열과 유사한 객체, 이터레이터, 생성기 포함하여 이터러블 객체를 순회하며, 사용자 정의 이터레이션 힌트를 호출하고 각 다른 속성 값에 대해 실행할 문장을 수행합니다 |