English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 기본 강의

JavaScript 객체

JavaScript 함수

JS HTML DOM

JS 브라우저 BOM

AJAX 기본 강의

JavaScript 참조 매뉴얼

JavaScript 문장

컴퓨터 프로그램은 컴퓨터가 실행할 지시 목록입니다.

프로그래밍 언어에서 이러한 프로그래밍 지시는 문장으로 불립니다.

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는 JavaScript 프로그램에서 나타나는 공백, 탭, 줄 바꿈을 무시합니다.

스크립트에 공백을 추가하여 더 많은 가독성을 줄 수 있습니다.

이 두 행은 동일합니다:

var greet = "Hello world";
var greet = "Hello world";

일반적으로 연산자(=)의 위치에서 공백을 두는 것이 좋습니다: +-* /)앞뒤에 공백을 두고, 읽기 쉽게 합니다:

var sum = a + b ;

JavaScript 행 길이와 줄 바꿈

최고의 가독성을 위해, 코드 행이80개 문자.

JavaScript 문이 한 줄에 맞지 않을 때, 연산자(=)의 위치에서 줄 바꿈이 가장 좋습니다 +-* /)이후:

document.getElementById("para").innerHTML = "20+30의 합은 " +
sum;
테스트를 보세요‹/›

JavaScript 코드 블록

JavaScript 문은 대括호 내의 코드 블록에서 함께 그룹화될 수 있습니다{...}.

코드 블록의 목적은 함께 실행될 문장들을 정의하는 것입니다.

내부에JavaScript 함수에서블록 내에서 함께 실행될 문장들이 그룹으로 정리된 곳을 발견하게 됩니다.

function myFunc() {
  document.getElementById("p")1").innerHTML = "Hey, there!";
  document.getElementById("p")2").innerHTML = "How are you doing?";
}
테스트를 보세요‹/›

JavaScript 키워드

JavaScript 문은 일반적으로키워드시작하여 실행할 JavaScript 작업을 표시합니다.

이 튜토리얼에서 배울 수 있는 일부 키워드 목록은 다음과 같습니다:

키워드설명
var변수를 선언하며, 값을 초기화할 수 있습니다
let블록{} 범위의 지역 변수를 선언하며, 값을 초기화할 수 있습니다
const읽기 전용의 이름 지정된 상수를 선언합니다
break현재 루프, switch 또는 태그 문장을 종료하고, 종료된 문장 다음의 문장으로 프로그램 제어를 이동합니다
continue현재 루프나 표시된 루프의 현재 반복에서 문장의 실행을 중단하고, 다음 반복에서 루프를 계속합니다
if...else지정된 조건이 참이면 지정된 문장을 실행합니다. 조건이 거짓이면 다른 문장을 실행할 수 있습니다
switch표현식을 계산하여 표현식의 값이 case 문구와 일치하도록 하고, 해당 case와 관련된 문장을 실행합니다
throw사용자 정의 예외를 발생시킵니다
try...catch시도할 문장 블록을 표시하고, 예외가 발생할 경우에 대한 응답을 지정합니다
while지정된 조건의 값이 참일 때까지 지정된 문장을 반복적으로 실행하는 루프를 생성합니다. 문장을 실행하기 전에 조건을 평가합니다
do...while테스트 조건의 값이 거짓이 될 때까지 지정된 문장을 반복적으로 실행하는 루프를 생성합니다. 문장을 실행한 후 조건을 평가하고, 지정된 문장이 최소한 한 번 실행됩니다
for세 개의 선택할 수 있는 표현식으로 구성된 루프를 생성합니다. 표현식은 괄호로 묶여 있으며 세미콜론으로 구분되며, 루프에서 실행할 문장이 뒤따릅니다
for...in객체의 모든 인수 가능한 속성을 무작위로 순회합니다. 각 다른 속성에 대해 문장을 수행할 수 있습니다
for...of배열, 배열과 유사한 객체, 이터레이터, 생성기 포함하여 이터러블 객체를 순회하며, 사용자 정의 이터레이션 힌트를 호출하고 각 다른 속성 값에 대해 실행할 문장을 수행합니다