JavaScript 문 이해 및 사용

명령문은 JavaScript에서 프로그램 흐름을 제어하는 ​​데 사용됩니다. 속성, 메서드 및 이벤트를 소유하는 개체에 기본적으로 연결되어있는 것과 달리 문은 JavaScript 개체와 독립적으로 작동하도록 설계되었습니다. 즉, 문서 개체, 창 개체, 히스토리 개체 또는 기타 개체로 작업 할 때 문을 사용할 수 있습니다. 언어로서 JavaScript는 비교적 적은 수의 명령문을 지원합니다. 그러나 완전한 기능의 애플리케이션을 구성하는 데 필요한 최소한의 명령문을 제공합니다.

JavaScript는 현재 다음 11 개의 문을 지원합니다. 주석, var 및 new와 같은 일부는 진정한 진술이 아니지만 종종 그렇게 취급됩니다. 완전성을 위해이 토론에 포함됩니다.

  • // 주석
  • 단절
  • 계속하다
  • ...에 대한
  • ...에서
  • 함수
  • 다른 경우라면
  • 새로운
  • 반환
  • var
  • 동안

Java에서 제공되는 몇 가지 명령문은 JavaScript에서 특히 부족합니다. 여기에는 switch 문은 물론 모든 형태의 오류 트래핑 문 (예 : catch 및 throw)이 포함됩니다. JavaScript는 이러한 명령문을 예약어로 유지하며 아마도 향후 버전에서 구현 될 것입니다.

댓글 (//)

// 문자는 프로그램에 설명 주석을 포함 할 것임을 JavaScript에 알립니다. 주석은 발생하는 첫 번째 하드 리턴에서 끝납니다. JavaScript는 주석이 끝나기 전에 하드 리턴이없는 한 주석 길이에 제한을 두지 않습니다. JavaScript는 하드 리턴 후 텍스트가 유효한 코드라고 가정합니다.

// 이것은 간단한 주석입니다

// 이것은 두 줄 이상의 다른 주석입니다. 주석은 두 번째 줄로 줄 바꿈되지만 텍스트 편집 프로그램에서 첫 번째 줄은 "소프트 리턴"으로 끝납니다. 하드 리턴 문자가 삽입되지 않습니다.

// 주석 문자는 줄의 아무 곳에 나 배치 할 수 있습니다. JavaScript는 // 뒤의 해당 줄에있는 모든 텍스트를 주석으로 처리합니다.

MyVariable = "이것은 테스트입니다"// 텍스트 변수 MyVariable 할당 

스크립트가 재생 될 때 주석이 무시되므로 실행 속도에 큰 영향을주지 않습니다. 그러나 댓글이 많으면 스크립트 파일 크기가 증가하고 전화 접속 인터넷 연결을 통해 사용자 컴퓨터로 다운로드하는 데 시간이 더 오래 걸립니다. 최상의 결과를 얻으려면 JavaScript 프로그램의 주석을 짧고 한 줄로 제한하십시오.

긴 주석을 작성할 때는 대체 주석 문자 / * 및 * /를 사용하는 것이 좋습니다. 이 문자 사이의 텍스트는 주석으로 처리됩니다. 또는 // 주석 문자로 각 줄을 시작할 수 있습니다.

//이 섹션은 Enter 키를 눌렀는지 확인합니다. // 그런 다음 계속합니다. 

또는

/ *이 섹션은 Enter 키를 눌렀는지 확인한 다음 계속 진행합니다. * / 

색인으로 돌아 가기

단절

break 문은 JavaScript에 "제어 된 구조"를 종료하고 구조 다음 지점에서 실행을 재개하도록 지시합니다. break 문은 다음 명령을 사용하여 빌드 된 구조와 함께 사용됩니다.

  • ...에 대한
  • ...에서
  • 동안

break 문은 for 루프를 조기에 종료하는 데 가장 일반적으로 사용됩니다. 예를 들면 :

for (Count = 1; Count <= 10; Count ++) {if (Count == 6) break; document.write ( "

루프 : "+ 개수 +"

");}

이 예제는 1에서 10까지 세고 루프가 반복 될 때마다 숫자를 인쇄하는 for 루프를 보여줍니다. for 루프 내의 if 문은 Count 변수의 값이 6과 같은지 테스트하는 데 사용됩니다. Count가 6이면 break 문이 실행되고 스크립트는 for 루프를 종료합니다. 이 간단한 예제에서 사용 된 것처럼 스크립트는 1에서 6까지 계산 한 다음 중지합니다. 최대 10까지 셀 수 있기 전에 for 루프를 종료합니다.

색인으로 돌아 가기

계속하다

continue 문은 for, for ... in 또는 while 루프에서 뒤 따르는 명령을 건너 뛰고 다음 반복을 계속하도록 JavaScript에 지시합니다. continue 문을 가장 많이 사용하는 방법은 조건부로 루프에서 명령을 건너 뛰지 만 루프를 종료하지 않는 것입니다 (break 문과 마찬가지로). 예를 들면 :

for (Count = 1; Count <= 10; Count ++) {if (Count == 6) 계속; document.write ( "

루프 : "+ 개수 +"

");}

위의 예는 1부터 10까지 세고 루프가 반복 될 때마다 숫자를 인쇄하는 for 루프를 보여줍니다. for 루프 내의 if 문은 Count 변수의 값이 6과 같은지 테스트하는 데 사용됩니다. Count가 6과 같으면 continue 문이 실행되고 스크립트는 다음 줄에서 document.write 명령을 건너 뜁니다. 그러나 루프는 끝나지 않습니다. 대신, 계속해서 나머지 번호에 대한 행을 인쇄합니다. 이 간단한 예제에서 사용 된 것처럼 스크립트는 1에서 5까지 세고 6을 건너 뛴 다음 7에서 10까지 인쇄합니다.

색인으로 돌아 가기

에 대한

for 문은 명령어 블록을 한 번 이상 반복합니다. 반복 횟수는 인수로 제공된 값으로 제어됩니다. for 문의 구문은 다음과 같습니다.

for (InitVal; 테스트; 증분) 
  • InitVal is the starting value of the for loop. It is often 0 or 1, but it can be any number. InitVal is an expression that establishes the initial value and assigns that value to a variable. For example, Count=0 or i=1.

  • Test is the expression used by the for statement to control the number of iterations of the loop. As long as the Test expression is true, the loop continues. When the Test expression proves false, the loop ends. Example: Count<10 is true as long as the value in the Count variable is less than 10.

  • Increment1, 2, 5, 10 등으로 for 루프를 계산하는 방법을 나타냅니다. 또한이 발현되고 통상의 형태를 취하는 CountVar++경우, CountVar처음에 할당 된 변수의 이름 InitVal표현. 예 : Count ++는 각 반복마다 Count 변수의 값을 하나씩 증가시킵니다.
JavaScript의 다른 모든 구문과 달리 for 문은 쉼표가 아닌 세미콜론을 사용하여 인수를 구분합니다. 이것은 C, C ++ 및 Java에서 사용되는 구문과 일치합니다.

Here's an example of a for loop that counts from 1 to 10, stepping one digit at a time. At each iteration, the script inserts some text and begins a new line. The JavaScript you wish to repeat is enclosed in { and } characters following the for statement; this forms the for statement block. You can provide one line or many within the { and } characters.

for (Count=1; Count<=10; Count++) { document.write ("Iteration: "+Count+"

"); }

Count is the variable name used to store the for loop counter. The for loop starts out with 1 and proceeds to 10. The test expression is Count<=10, which reads:

Count is less than or equal to 10 

As long as this expression is true, the for loop continues. Do note that the Increment argument is also an expression and in the example uses the Count variable to increment the for loop by 1 for each iteration. There's no law that says you must increment the for loop by ones. Here's just one of the many alternatives. This example counts by tens, from 10 to 100.

for (Count=1; Count<101; Count+=10) { document.write ("Iteration: "+Count+"

"); }

Back to index

For...in

The for...in statement is a special version of the for statement described in the previous section. For...in is used to display the property names and/or property contents of objects. It is mostly handy as a debugging and testing tool: If a portion of your JavaScript code isn't working properly, and you suspect it may be the fault of a JavaScript object you are trying to use, you can examine all of the properties for that object with the for...in statement.

Unlike the for statement, for...in doesn't use incrementing tests or other expressions. You provide the name of a holding variable (the name of the variable is up to you) and the object you want to use. The basic syntax for the for...in statement is:

for (var in object) { statements } 
  • var is the name of a variable
  • object is the object you wish to examine
  • statements are one or more JavaScript instructions you wish to execute for each property returned by the for...in loop

As an example, suppose you want to determine the properties of the navigator object (this object contains details about the Netscape Navigator or other browser you are using). The following code displays each property name in an alert box. When running the script, click OK to proceed to the next property name. The loop automatically ends when there are no more properties in the object.

for (temp in navigator) { alert (temp); } 

A variation of this example is shown below. It not only displays the property names but also displays the contents of each property (some properties are empty and therefore no contents are shown for them). The contents of the properties are displayed by using the syntax object[var], or in this case navigator[temp].

for (temp in navigator) { alert (temp + ": " + navigator[temp]); } 

The for..in loop can be used for all object types. You can use it to iterate through all the properties for a form in a document, for example, or through the properties of a user-defined object. For instance, to cycle through all the properties of a form, you'd use the for...in loop as in the following example (assume the form name is "myform"):

 function test() { for (temp in document.myform) { alert (temp); } }

Back to index

Function

The function statement lets you create your own user-defined functions (as well as user-defined objects and methods for those objects). Functions are self-contained routines that can be "called" elsewhere within your JavaScript code. For example, if you have a function named

writeMyName

, which displays your name in headline text, you can activate it by merely referring to the name

writeMyName

someplace within your JavaScript code. Here's a short

test

that shows how this might work:

  Function Test  function writeMyName () { MyName="John Doe" alert (MyName) }     

The writeMyName function is defined within ... tags. It is activated (otherwise known as "called") when the form button is pushed. This calling action is accomplished using the onClick event handler, defined in the tag for the form button.

Back to index

If...else

The if, along with its optional else, statement is used to build an "if conditional" expression. It is called a conditional expression because it tests for a specific condition.

  • If the expression is true, the script performs the instructions following the if statement.
  • If the expression is false, the script jumps to the instructions that follow the else statement. If there is no else statement, the script jumps past the if statement entirely and continues from there.

The syntax for if is:

if (expression) 

The result of the if expression is always either true or false. The following syntax is acceptable when there's only one instruction following the if and else statements:

if (ExampleVar == 10) Start(); else Stop(); 

Should more than one instruction follow the if or else statement, the { and } characters must be used to define an if statement block. With the { and } characters in place, JavaScript knows to execute all of the instructions within the block.

if (ExampleVar == 10) { Count = 1; Start(); } else { Count = 0; Stop(); } 

Expressions in if statements are not limited to the == equality operator. You can test if values are not equal to one another, greater than, less than, and more. For more information on the operators you can use, see the references list at the end of this column. It points to valuable JavaScript documentation, including documentation provided by Netscape.

Back to index

New

The new statement creates a new copy of an object. It is used in either of two ways:

  • To define a new Date object (Date is a built-in JavaScript object)
  • To define a new user-defined object

The syntax is the same with either use:

varname = new objectName(params); 
  • varname is the name of the new object. Acceptable names are the same as for JavaScript variables. In fact, you can consider the created object as a JavaScript variable.

  • objectName is the name of the object. When using the built-in Date object, you use the word Date (note the capitalization -- this is mandatory). When using a user-defined object function, you provide the name of the object function.

  • params are one or more parameters that you pass to the object function, if needed.

The following example shows how to use the new statement to create a copy -- otherwise known as an "instance" -- of the Date object:

now = new Date(); 

JavaScript 변수로 간주 될 수있는 now 객체에는 JavaScript Date 객체의 모든 속성과 메서드가 있습니다. 예를 들어 now 객체를 사용하여 현재 시간을 확인합니다.

지금 = new Date (); HourNow = now.getHours ();