자바스크립트 구문


자바스크립트는 프로그래밍 언어입니다. 문법 규칙은 언어의 구조를 정의합니다.

JavaScript 구문

JavaScript는 스크립팅 언어입니다.

가벼우면서도 강력한 프로그래밍 언어입니다.

JavaScript 리터럴

프로그래밍 언어에서 리터럴은 3.14에서와 같이 상수입니다.

숫자 리터럴 은 정수, 십진수 또는 과학적 표기법(e)일 수 있습니다.

인스턴스

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文网(php.cn)</title>
</head>
<body>
	
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 123e5;
</script>
	
</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

문자열 리터럴은 작은따옴표나 큰따옴표를 사용할 수 있습니다.

Instance

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
	
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 'John Doe';
</script>
	
</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

표현 리터럴 계산에 사용됨:

인스턴스

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
	
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = 5 * 10;
</script>
	
</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

어레이 ) 리터럴 은 배열을 정의합니다:

[40, 100, 1, 5, 25, 10]

객체 리터럴 객체 정의 :

{firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"}

함수 리터럴 함수 정의:

function myFunction(a, b) { return a * b;}

JavaScript 변수

프로그래밍 언어 , 변수는 데이터 값을 저장하는 데 사용됩니다.

JavaScript는 var 키워드를 사용하여 변수를 정의하고 등호를 사용하여 변수에 값을 할당합니다.

예

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p id="demo"></p>
<script>
var length;
length = 6;
document.getElementById("demo").innerHTML = length;
</script>

</body>
</html>

인스턴스 실행»

온라인 인스턴스를 보려면 "인스턴스 실행" 버튼을 클릭하세요

변수 이름으로 변수에 액세스할 수 있습니다. 명령형 언어에서 변수는 일반적으로 변경 가능합니다. 리터럴은 상수 값입니다.

참고변수는
Note变量是一个名称。字面量是一个值。
이름<🎜>입니다. 리터럴은 <🎜>값<🎜>입니다.

JavaScript 연산자

JavaScript는 산술 연산자를 사용하여 값을 계산합니다.

인스턴스

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = (5 + 6) * 10;
</script>

</body>
</html>

예제 실행»

온라인 예제를 보려면 "예제 실행" 버튼을 클릭하세요.

JavaScript는 할당 연산자를 사용하여 값을 할당합니다. 변수에:

인스턴스

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>

<p id="demo"></p>
<script>
var x, y, z;
x = 5
y = 6;
z = (x + y) * 10;
document.getElementById("demo").innerHTML = z;
</script>

</body>
</html>

인스턴스 실행»

온라인을 보려면 "인스턴스 실행" 버튼을 클릭하세요. 인스턴스

JavaScript 언어에는 다양한 유형의 연산자가 있습니다.

类型实例描述
赋值，算术和位运算符=  +  -  *  /在 JS 运算符中描述
条件，比较及逻辑运算符==  != <  > 在 JS 比较运算符中描述


JavaScript 문

HTML에서 JavaScript 문은 브라우저에 명령을 보냅니다.

문은 세미콜론으로 구분됩니다.

x = 5 + 6;
y = x * 10;


JavaScript 키워드

JavaScript 문은 일반적으로 키워드로 시작됩니다. var 키워드는 브라우저에 새 변수를 생성하라고 지시합니다.

var x = 5 + 6;
var y = x * 10;


JavaScript 키워드

다른 프로그래밍 언어와 마찬가지로 JavaScript는 자체 사용을 위해 일부 키워드를 예약해 둡니다.

JavaScript는 현재 언어 버전에서는 사용되지 않지만 향후 JavaScript 확장에서는 사용될 일부 키워드도 예약합니다.

JavaScript 키워드는 문자, 밑줄(_) 또는 달러 기호($)로 시작해야 합니다.

다음 문자는 문자, 숫자, 밑줄 또는 달러 기호일 수 있습니다(자바스크립트가 키워드와 숫자를 쉽게 구분할 수 있도록 숫자가 첫 번째 문자로 나타날 수 없습니다).

다음은 JavaScript에서 가장 중요한 예약어입니다(알파벳순).

< td ><🎜>< tr >< td ><🎜> < /tr>< td ><🎜> < td>휘발성
abstractelseinstanceofsuper
abstractelseinstanceofsuper




booleanenumintswitch




breakexportinterfacesynchronized




byteextendsletthis




casefalselongthrow




catchfinalnativethrows




charfinallynewtransient




classfloatnulltrue




constforpackagetry




continuefunctionprivatetypeof




debuggergotoprotectedvar




defaultifpublicvoid




deleteimplementsreturnvolatile




doimportshortwhile




doubleinstaticwith




<🎜>< / td><🎜><🎜>
부울열거int 스위치
<🎜><🎜><🎜>
중단내보내기인터페이스동기화
<🎜><🎜><🎜><🎜>
바이트확장let이것
<🎜> <🎜><🎜><🎜>
대소문자false 길게던지기
<🎜><🎜> < 🎜><🎜>
catch최종네이티브 던지기
<🎜><🎜><🎜><🎜>< / td>
char마침내새일시적
<🎜><🎜><🎜>
클래스 floatnulltrue
<🎜><🎜 > <🎜><🎜>
constfor 패키지시도
<🎜><🎜><🎜> <🎜>
계속기능비공개유형
<🎜><🎜><🎜><🎜>
디버거이동보호됨var
<🎜>< / td><🎜><🎜><🎜>
기본값 if공개무효
<🎜><🎜><🎜>
삭제구현반환
<🎜><🎜><🎜><🎜 >
가져오기짧게동안
<🎜><🎜><🎜><🎜>
이중정적사용
<🎜> < 🎜><🎜><🎜>

JavaScript 참고

모든 JavaScript 문이 "명령"은 아닙니다. 이중 슬래시 // 뒤의 내용은 브라우저에서 무시됩니다.

// 실행하지 않습니다

JavaScript 데이터 유형

JavaScript에는 숫자, 문자열, 배열, 객체 등 다양한 데이터 유형이 있습니다.

var length = 16; Var Points = x * 10; 🎜> var lastname = "Johnson" 표현식 공식의 볼륨. "BMW"]; // 배열 리터럴을 통한 배열 할당
var person = {firstName:"John", lastName:"Doe"}; // 객체 리터럴을 통한 객체 할당



데이터 유형의 개념

프로그래밍 언어에서 데이터 유형은 매우 중요한 내용입니다. .

변수를 조작하려면 데이터 유형의 개념을 이해하는 것이 중요합니다.

데이터 유형을 사용하지 않는 경우 다음 예는 실행되지 않습니다.

16 + "Volvo"

16 + "Volvo" 위의 내용은 어떻게 계산됩니까? 아니면 다음과 같은 결과가 출력됩니까?

"16Volvo"

브라우저에서 위 코드를 실행해 보면 효과를 확인할 수 있습니다.
다음 장에서는 데이터 유형에 대해 자세히 알아봅니다.

JavaScript 함수

JavaScript 문은 함수로 작성될 수 있으며 함수는 반복적으로 참조될 수 있습니다.

함수 참조

= 호출 함수(함수 내에서 명령문 실행).

function myFunction(a, b) {

return a * b;                                       // a와 b를 곱한 결과를 반환합니다
}


JavaScript는 대소문자를 구분합니다.

자바스크립트는 대소문자를 구분합니다.

JavaScript 문 작성 시 대소문자 전환 키가 꺼져 있는지 주의하시기 바랍니다.

함수 getElementById는 getElementbyID와 다릅니다.

마찬가지로 변수 myVariable은 MyVariable과 다릅니다.

JavaScript 문자 집합

JavaScript는 유니코드 문자 집합을 사용합니다.

유니코드는 구두점 및 기타 문자를 포함한 모든 문자를 포함합니다.

자세한 내용은 전체 유니코드 참조 매뉴얼을 참조하세요.

알고 계셨나요?

Note
Note
JavaScript 中，常见的是驼峰法的命名规则，如 lastName (而不是lastname)。
JavaScript에서 흔한 것은 Camel입니다 케이스 메소드 이름 지정 규칙(예: lastName(성이 아님)).


←
→