자바스크립트 구문

JavaScript 구문

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

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

Operator

Operator는 작업을 완료하는 일련의 기호입니다. 여기에는 7가지 범주가 있습니다.

할당 연산자(=,+=,-=,*=,/=,%=,< < =,>>=,|=,&=),

산술 연산자(+,-,*,/,++,--,%),

비교 연산자(>,< ;,< =,>=,==,===,!=,!==),

논리 연산자(||,&&,!),

조건 연산(?:),

비트 이동 연산자(| ,&,<<,>>,~,^) 및 문자열 연산자(+).

Expression

연산자와 피연산자의 조합을 표현식이라고 하며, 일반적으로 할당 표현식, 산술 표현식, 부울 표현식, 문자열 표현식의 네 가지 범주로 나뉩니다.

명령문

Javascript 프로그램은 여러 개의 명령문으로 구성되며 명령문은 프로그램 작성을 위한 지침입니다. Javascript는 다음과 같은 완전한 기본 프로그래밍 문 세트를 제공합니다.
할당 문, 스위치 선택 문, while 루프 문, for 루프 문, 각 루프 문에 대해 do while 루프 문, break 루프 중단 문, 계속 루프 중단 문, 문, try...catch 문,
if 문(if..else, if...else if...), let 문.

Function

함수는 전체적으로 참조하고 실행할 수 있는 명명된 명령문 세그먼트입니다. 함수를 사용할 때 다음 사항에 주의하세요.

1) 함수는 function 키워드로 정의됩니다(함수 생성자로 구성할 수도 있음).
2) function 키워드를 사용하여 정의된 함수는 범위 내 어디에서나 호출할 수 있습니다(함수를 정의하는 문 앞 포함). 반면 var 키워드를 사용하여 정의된 함수는 호출되기 전에 정의되어야 합니다.
3) 함수 이름은 함수 호출 시 인용된 이름입니다. 함수 호출 시 함수 이름을 잘못 쓸 수 없습니다.
4) 매개변수는 사용이나 연산을 위해 함수에 전달되는 값을 나타냅니다. 상수, 변수 또는 함수가 될 수 있습니다. 함수 내부에서는 인수 객체를 전달할 수 있습니다(인수 객체는 의사 배열입니다. 피호출자 속성은 호출된 함수를 참조합니다.) 모든 매개변수에 액세스합니다.
5) return 문은 표현식의 값을 반환하는 데 사용됩니다.
6) Yield 문은 표현식을 던지고 다음 next 호출까지 함수 실행을 중단합니다.

일반 함수의 형식은 다음과 같습니다.

var myFunction=function(params){
//Executed 문
}

var myFunction = function(){
//Executed 문
}

Keywords

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

var y = x * 10;

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

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

Objects

Javascript의 중요한 기능은 객체 기반 프로그래밍을 통해 보다 직관적이고 모듈화되며 재사용 가능한 방법이 될 수 있습니다. 프로그램 개발.

데이터가 포함된 속성 집합과 속성에 포함된 데이터에 대해 작동하는 메서드를 개체라고 합니다. 예를 들어 웹 페이지의 배경색을 설정하려는 경우 대상 개체는 document이고 사용된 속성 이름은 bgcolor입니다. 예를 들어 document.bgcolor="blue"는 배경색이 파란색임을 의미합니다.

이벤트

사용자가 웹페이지와 상호작용할 때 발생하는 작업을 이벤트라고 합니다. 이벤트는 사용자, 페이지 변경 또는 볼 수 없는 이벤트(예: Ajax 상호작용 진행 변경)에 의해 트리거될 수 있습니다. 대부분의 이벤트는 사용자 동작에 의해 트리거됩니다. 예를 들어 사용자가 마우스 버튼을 누르면 클릭 이벤트가 생성됩니다. 마우스 포인터가 링크 위로 이동하면 이벤트가 생성됩니다. Javascript에서는 이벤트가 이벤트 핸들러와 함께 사용되는 경우가 많습니다.

이벤트 처리를 위해 W3C 메서드는 이벤트, 트리거되는 함수, 이벤트 캡처 사용 여부라는 세 가지 매개 변수가 있는 addEventListener() 함수를 사용하는 것입니다. 보안을 위해 세 번째 매개변수는 항상 false로 설정하는 것이 좋습니다.

전통적인 방법은 요소의 on... 이벤트를 정의하는 것인데, 이는 이벤트 매개변수 앞에 "on"을 추가하는 W3C 방법입니다. . IE의 이벤트 모델은 attachmentEvent 및 detachEvent를 사용하여 이벤트를 바인딩하고 삭제합니다. JavaScript의 이벤트는 캡처와 버블링의 두 단계로 구분되지만 기존 바인딩은 버블링 이벤트만 지원합니다.

Variables

예를 들어 var myVariable = "some value";

A 변수에는 해당 유형이 있습니다. 위의 예에서 myVariable의 유형은 문자열(string)

javascript에서 지원 일반적으로 사용되는 유형은 다음과 같습니다.

object: object
array: array
number: number
boolean: 모든 유형 중에서 가장 적은 메모리를 차지하는 true와 false의 두 값만 포함하는 부울 값
null: a null 값, 유일한 값 null
undefine: 정의나 할당이 없는 변수

사실 JavaScript 변수는 약한 변수 유형입니다. 여기에 할당하는 것은 문자열이며,
그렇다면 숫자는 정수입니다. true 또는 false인 경우 부울 유형입니다(따옴표를 추가할 수 없으며 그렇지 않으면 문자열로 처리됩니다).

대소문자 구분

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

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

getElementById와 getElementbyID 함수는 다릅니다.

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