자바스크립트프로그래머가 만든 브렌단 아이크 Netscape에서 1995년 12월 LiveScript라는 이름으로 도입되었습니다. JavaScript의 공식 이름은 ECMAScript이지만 매우 빠르게 JavaScript로 이름이 변경되었습니다. ECMAScript는 국제 기구 ECMA(European Computer Manufacturers Association)에서 개발 및 유지 관리합니다.

자바스크립트란?
1) JavaScript는 스크립팅 언어 또는 스크립트입니다. 스크립트는 프로그래밍 코드- 실행 전에 사전 처리(예: 컴파일)가 필요하지 않은 명령 집합입니다. JavaScript 코드는 웹 페이지를 로드하는 동안 브라우저 엔진에 의해 해석됩니다. 브라우저 인터프리터는 원본 프로그램이나 쿼리를 한 줄씩 구문 분석, 처리 및 실행합니다.

2) JavaScript는 프로토타입 상속을 가진 객체 지향 언어입니다. 여러 내장 개체를 지원하며 자신의(사용자 정의) 개체를 만들거나 삭제할 수도 있습니다. 객체는 서로 직접 속성을 상속하여 프로토타입 객체 체인을 형성할 수 있습니다.

웹 페이지의 JavaScript

1. html 문서에 스크립트 연결하기

자바스크립트 스크립트는 내장, 즉. 그들의 내용은 문서의 일부이며, 외부, 별도의 .js 파일에 저장됩니다. 스크립트는 다음과 같은 방법으로 HTML 문서에 포함할 수 있습니다.

또는 페이지 본문.

이 방법은 일반적으로 다른 웹 페이지에서 재사용되는 큰 스크립트 또는 스크립트에 사용됩니다.

이벤트 핸들러로.
각 html 요소에는 실행되는 JavaScript 이벤트가 있습니다. 어떤 순간. 필요한 이벤트를 html 요소에 속성으로 추가하고 필요한 기능을 이 속성의 값으로 지정해야 합니다. 이벤트 발생에 대한 응답으로 호출되는 함수는 다음과 같습니다. 이벤트 핸들러. 이벤트를 트리거한 결과 해당 이벤트와 관련된 코드가 실행됩니다. 이 방법은 주로 짧은 스크립트에 사용됩니다. 예를 들어 버튼을 클릭할 때 배경색이 변경되도록 설정할 수 있습니다.

요소 내부

2. JavaScript의 데이터 유형 및 변수

컴퓨터는 정보 - 데이터를 처리합니다. 데이터는 다양한 형태나 유형으로 제시될 수 있습니다. JavaScript의 대부분의 기능은 간단한 개체 및 데이터 유형 집합을 통해 구현됩니다. 문자열, 숫자 및 논리와 관련된 기능은 문자열, 숫자 및 부울 데이터 유형을 기반으로 합니다. 다른 기능, 포함 정규식, 날짜 및 수학 연산, RegExp, Date 및 Math 개체를 사용하여 수행됩니다.

리터럴 JavaScript에서 데이터 유형의 특수 클래스이며 문자열, 숫자 또는 부울의 세 가지 데이터 유형 중 하나의 고정 값입니다.

"이것은 문자열입니다" 3.14 true alert("Hello"); // "Hello"는 리터럴입니다. var myVariable = 15; // 15는 리터럴입니다.

기본 데이터 유형 string, numeric, boolean, null 및 undefined와 같은 특정 데이터 유형의 인스턴스입니다.

2.1. JavaScript의 변수

JavaScript 스크립트에 의해 처리되는 데이터는 변수. 변수는 프로그램 실행 중에 변경될 수 있는 데이터(값)를 컴퓨터 메모리에 저장하는 명명된 컨테이너입니다. 변수에는 이름, 유형그리고 의미.

변수 이름 또는 식별자, 다음만 포함할 수 있음 문자 az, A-Z, 숫자 0-9(숫자는 변수 이름의 첫 번째 문자일 수 없음), $ 기호(변수 또는 함수 이름의 첫 번째 문자만 가능), 밑줄 문자 _ , 공백은 허용되지 않습니다. . 변수 이름의 길이는 제한되지 않습니다. 변수 이름을 러시아 알파벳 문자로 작성하는 것은 가능하지만 권장되지는 않습니다. 이 경우 유니코드로 작성해야 합니다.

JavaScript 키워드를 변수 이름으로 사용할 수 없습니다. JavaScript의 변수 이름은 대소문자를 구분합니다. 즉, var message; 및 varMessage; 서로 다른 변수입니다.

다음과 같이 변수가 생성(선언)됩니다. 예어 var 뒤에 변수 이름이 옵니다(예: var 메시지). . 변수를 사용하기 전에 반드시 선언해야 합니다.

변하기 쉬운 초기화할당 연산자를 사용하는 값 ​​= , 예: var message="Hello"; , 즉. 메시지 변수가 생성되어 저장됩니다. 초기의"안녕하세요" 값. 변수는 값 없이 선언할 수 있으며 이 경우 기본값은 undefined 로 지정됩니다. 변수 값은 스크립트 실행 중에 변경될 수 있습니다. 쉼표로 구분하여 같은 줄에 다른 변수를 선언할 수 있습니다.

Var message="Hello", number_msg = 6, time_msg = 50;

2.2. 변수 데이터 유형

JavaScript는 유형이 지정되지 않은 언어이므로 특정 변수에 대한 데이터 유형을 선언할 때 지정할 필요가 없습니다. 변수의 데이터 유형은 취하는 값에 따라 다릅니다. 변수의 유형은 데이터( 다이내믹 타입 캐스팅). 형식 변환은 사용되는 컨텍스트에 따라 자동으로 수행됩니다. 예를 들어 + 연산자를 사용하여 숫자 및 문자열 값을 포함하는 표현식에서 JavaScript는 숫자 값을 문자열로 변환합니다.

Var 메시지 = 10 + "휴가 전일"; // "휴일까지 10일" 반환

typeof 연산자를 사용하여 변수의 데이터 유형을 가져올 수 있습니다. 이 연산자는 해당 유형을 식별하는 문자열을 반환합니다.

유형 35; // "숫자" 반환 typeof "text"; // "문자열"을 반환합니다. typeof true; // "부울" 반환 typeof ; // 정의되지 않은 "객체" 유형을 반환합니다. // "정의되지 않은" typeof null을 반환합니다. // "객체"를 반환합니다.

JavaScript의 모든 데이터 유형은 두 그룹으로 나뉩니다. 단순한데이터 유형 (기본 데이터 유형)그리고 합성물데이터 유형 (복합 데이터 유형).

에게 단순한데이터 유형에는 문자열, 숫자, 부울, null 및 underfined가 포함됩니다.

2.2.1. 문자열 유형(문자열)

큰따옴표나 작은따옴표로 묶인 문자열을 저장하는 데 사용됩니다. 작은따옴표나 큰따옴표로 묶인 빈 문자 집합은 빈 문자열입니다. 따옴표로 묶인 숫자도 문자열입니다.

var 돈 = ""; // 빈 문자열, 0자 var work = "test"; var day = "일요일"; 변수 x = "150";

큰따옴표로 묶인 문자열에 작은따옴표를 포함할 수 있으며 그 반대의 경우도 마찬가지입니다. 동일한 유형의 인용문은 백슬래시 문자 \(소위 이스케이프 시퀀스):

Document.writeln("\" 좋은 아침, Ivan Ivanych!\"\n"); // "좋은 아침입니다, Ivan Ivanovich!"를 표시합니다.

+ 연결 연산자를 사용하여 문자열을 비교할 수도 있고 연결할 수도 있습니다. 자동 유형 캐스팅을 사용하면 숫자와 문자열을 연결할 수 있습니다. 문자열은 영구적이며 문자열이 생성되면 변경할 수 없지만 생성할 수 있습니다. 새로운 라인다른 줄을 연결하여.

2.2.2. 숫자 유형(숫자)

숫자 값에 사용됩니다. 숫자 자바스크립트두 가지 유형이 있습니다. 정수 (정수)및 부동 소수점 숫자 (부동 소수점 숫자). 정수 값은 1 , 2 와 같은 양수일 수 있고 -1 , -2 또는 0 과 같은 음수일 수 있습니다. 1과 1.0은 같은 값입니다. JavaScript에서 대부분의 숫자는 다음과 같이 작성됩니다. 십진법숫자, 8진수 및 16진수 시스템도 사용할 수 있습니다.

에 소수시스템에서 숫자 변수의 값은 아라비아 숫자 1, 2, 3, 4, 5, 6, 7, 8, 9, 0을 사용하여 제공됩니다.

에 8진수숫자 형식은 0에서 7까지의 숫자를 포함하고 접두사 0으로 시작하는 시퀀스입니다.

을 위한 16진수형식 앞에는 0x(0X)가 붙은 다음 값 10에서 15에 해당하는 일련의 숫자 0에서 9 또는 문자 a(A)에서 f(F)가 옵니다.

바라 = 120; // 정수 십진수 값 var b = 012; // 8진수 형식 var c = 0xfff; // 16진수 형식 var d = 0xACFE12; // 16진수 형식

부동 소수점 숫자는 소수 부분이 있는 숫자이거나 지수 형식으로 표현된 숫자입니다. 숫자에 대한 지수 표기법은 다음과 같습니다. 소수점 이하 부분이 있는 숫자, 대문자 또는 소문자로 지정할 수 있는 문자 e, 선택적 + 또는 - 기호, 정수 지수가 뒤따릅니다.

바라 = 6.24; // 실수변수 = 1.234E+2; // 1.234 X 10²에 해당하는 실수 var c = 6.1e-2; // 실수, 6.1 X 10‾²에 해당

2.2.3. 부울 유형(부울)

이 유형에는 true(true), false(false)의 두 가지 값이 있습니다. 조건을 비교하고 테스트하는 데 사용됩니다.

Var answer = Confirm("이 기사가 마음에 드셨습니까?\n 확인을 클릭하십시오. 그렇지 않으면 취소를 클릭하십시오."); if (대답 == 참) ( ​alert("감사합니다!"); )

다음과 같은 특수한 유형의 단순 값도 있습니다.
널 유형- 이 유형에는 존재하지 않는 개체를 나타내는 데 사용되는 하나의 null 값이 있습니다.

정의되지 않은 유형- 변수 유형이 미달됨은 변수의 초기 값이 없고 객체의 속성이 존재하지 않음을 의미합니다.

복합 데이터 유형둘 이상의 값으로 구성됩니다. 여기에는 객체 및 특수 유형의 객체(배열 및 함수)가 포함됩니다. 객체는 속성과 메서드를 포함하고 배열은 요소의 인덱스 모음이며 함수는 명령문의 모음으로 구성됩니다.

2.3. 전역 및 지역 변수

변수는 범위에 따라 다음과 같이 나뉩니다. 글로벌그리고 현지의. 가시 영역변수 이름이 해당 변수와 연결되고 해당 값을 반환하는 스크립트의 일부입니다. 함수 본문 내에서 선언된 변수는 호출됩니다. 현지의, 이 기능에서만 사용할 수 있습니다. 지역 변수는 해당 함수와 함께 생성 및 소멸됩니다.

요소 내에서 선언된 변수