웹 개발을 위한 JavaScript_기본 지식

Xiaoyin
저자는 웹 개발에는 html, javascript, css 및 C#, java 등과 같은 고급 언어 설계가 포함된다고 믿습니다. 이 기사는 세 부분으로 나누어져 있으며 첫 번째 부분은 javascript에 대한 간략한 소개입니다. , 두 번째 부분은 ECMAscript에 대한 이해입니다. 마지막 부분은 JavaScript에 대한 기초 지식이 부족하여 다음과 같은 점에서만 분석이 가능합니다. 감사합니다! 주요 내용은 다음과 같습니다.

제1부:

javascript
기능
javascript 구현
ECMAScript 표준
개발 javascript

2부:

ECMAScript에 대하여
1. 동일한 구문
2. 함수도 객체입니다
4. 객체에는 프로토타입이 있습니다
5. 편리한 데이터 구성
6. JavaScript 객체 표기법(JSON)
7. 제5판


3부:
1. 자바스크립트 구문 2. 변수
3. 데이터 유형
5. 루프문
참조


1부:

JavaScript 소개JavaScript는 보안 기능을 갖춘 객체 및 이벤트 기반 스크립트 언어입니다. 이를 사용하는 목적은 HTML 하이퍼텍스트 마크업 언어 및 Java 스크립트 언어(Java 애플릿)를 사용하여 웹 페이지의 여러 개체를 연결하고 웹 클라이언트와 상호 작용하는 것입니다. 이를 통해 클라이언트 애플리케이션 등을 개발할 수 있습니다. 이는 삽입 또는 호출을 통해 표준 HTML 언어로 구현됩니다. HTML 언어의 단점을 보완한 모습이며, Java와 HTML의 절충안입니다.
특징

은 스크립팅 언어입니다. JavaScript는 프로그래밍을 사용하는 스크립팅 언어입니다. 작은 프로그램 세그먼트의 형태로 구현됩니다. 다른 스크립팅 언어와 마찬가지로 JavaScript도 해석된 언어이므로 개발 프로세스가 쉽습니다. 기본 구조 형태는 C, C++, VB, Delphi와 매우 유사합니다. 그러나 이러한 언어처럼 먼저 컴파일할 필요는 없으며 프로그램 실행 중에 한 줄씩 해석됩니다. 사용자 작업을 용이하게 하기 위해 HTML 태그와 결합됩니다. 객체 기반 언어. JavaScript는 객체 기반 언어이며 객체 지향 언어로 간주될 수 있습니다. 이는 이미 생성된 개체를 사용할 수 있음을 의미합니다. 따라서 스크립팅 환경의 개체 메서드와 스크립트의 상호 작용을 통해 많은 기능이 제공될 수 있습니다.
단순성 JavaScript의 단순성은 주로 다음과 같이 반영됩니다. 우선 Java의 기본 명령문과 제어 흐름을 기반으로 하는 단순하고 컴팩트한 디자인으로 Java 학습에 매우 좋은 전환입니다. 둘째, 변수 유형은 약한 유형이며 엄격한 데이터 유형을 사용하지 않습니다.
보안
JavaScript는 로컬 하드 드라이브에 대한 접근을 허용하지 않고, 서버에 데이터를 저장할 수 없으며, 네트워크 문서의 수정 및 삭제를 허용하지 않는 보안 언어입니다. . 정보 검색 또는 동적 상호 작용. 이는 데이터 손실을 효과적으로 방지합니다.
동적
JavaScript는 동적이므로 웹 서비스 프로그램을 통하지 않고 사용자 또는 고객 입력에 직접 응답할 수 있습니다. 이벤트 기반 방식으로 사용자에게 응답합니다. 소위 이벤트 기반이란 홈 페이지에서 특정 작업을 수행하여 생성되는 작업을 의미하며 이를 "이벤트"라고 합니다. 예를 들어 마우스 누르기, 창 이동, 메뉴 선택 등이 이벤트로 간주될 수 있습니다. 이벤트가 발생하면 해당 이벤트 응답이 트리거될 수 있습니다.
크로스 플랫폼
JavaScript는 브라우저 자체에 의존하며 운영 환경과 아무런 관련이 없습니다. 컴퓨터가 브라우저를 실행할 수 있고 브라우저가 JavaScript를 지원하는 한 올바르게 실행될 수 있습니다. 그리하여 '한번 글을 쓰고 전 세계를 여행한다'는 꿈을 실현합니다. 사실, JavaScript의 가장 뛰어난 점은 작은 프로그램으로 많은 일을 할 수 있다는 것입니다. 고성능 컴퓨터는 필요하지 않습니다. 소프트웨어에는 워드 프로세싱 소프트웨어와 브라우저만 있으면 됩니다. 웹 서버 채널이 필요하지 않습니다.
포괄적
JavaScript는 HTML 파일에 포함할 수 있는 새로운 설명 언어입니다. JavaScript 언어는 데이터를 주고받기 위해 네트워크를 사용하지 않고 사용자 요구 이벤트(예: 양식 입력)에 응답할 수 있습니다. 따라서 사용자가 데이터를 입력할 때 이를 서버로 전달할 필요가 없습니다. 그런 다음 이를 다시 전달하면 클라이언트 애플리케이션에서 직접 처리할 수 있습니다.
JavaScript와 Java는 매우 유사하지만 동일하지는 않습니다! Java는 JavaScript보다 훨씬 복잡한 프로그래밍 언어인 반면 JavaScript는 이해하기 매우 쉬운 언어입니다. JavaScript 작성자는 프로그래밍 기술에 덜 집중할 수 있으므로 많은 Java 기능이 Java Script에서 지원되지 않습니다.
JavaScript 구현
코어(ECMAScript) - JavaScript의 핵심 ECMAScript는 언어의 구문과 기본 개체를 설명합니다.
문서 개체 모델(DOM) - DOM은 웹 콘텐츠 처리를 위한 메서드와 인터페이스를 설명합니다.
BOM(브라우저 개체 모델) - BOM은 브라우저와 상호 작용하기 위한 방법과 인터페이스를 설명합니다.


ECMAScript 표준

1997년, 유럽 컴퓨터 제조업체 협회(ECMA)가 ECMA를 공식화했습니다. -262 표준은 JavaScript 언어 사양을 기반으로 하며 웹 스크립팅 언어에 대한 사양을 형성합니다.현재 모든 주요 브라우저는 ECMA-262 표준을 준수하는 스크립트 언어를 지원합니다. 그 이후로 웹 브라우저는 ECMAScript를 JavaScript 구현의 기반으로 사용하기 위해 열심히 노력해 왔습니다(성공 및 실패의 정도는 다양함). ECMAScript는 중요한 표준이지만 JavaScript의 유일한 부분은 아니며 표준화된 유일한 부분도 아닙니다. 실제로 완전한 JavaScript 구현은 다음 3가지 부분으로 구성됩니다.
코어(ECMAScript) - JavaScript의 핵심 ECMAScript는 언어의 구문과 기본 개체를 설명합니다.
문서 개체 모델(DOM) - —DOM 웹 콘텐츠 처리를 위한 방법과 인터페이스를 설명합니다.
브라우저 개체 모델(BOM) — BOM은 브라우저와 상호 작용하는 방법과 인터페이스를 설명합니다.
현재 모든 주류 웹 브라우저는 ECMA-262 제3판인 JavaScript 1.5를 지원합니다. , JavaScript 1.6-1.9는 ECMAScript(Gecko의 JavaScript)를 JavaScript 2.0으로 업그레이드하기 위한 임시 코드 이름일 뿐입니다.
JavaScript의 발전 추세

언어는 언제나 도구로 사용될 것입니다. 이것은 결코 변하지 않았고 앞으로도 변하지 않을 것입니다. 언어는 다른 기술을 사용하고 소통하는 방식이자 수단입니다. 예를 들어, Windows 플랫폼에서는 ADODB 구성 요소를 사용하여 JavaScript를 활성화하여 SQL을 지원하는 데이터베이스의 데이터를 처리할 수 있으며 FSO 구성 요소를 사용하여 로컬 파일 IO 기능을 구현할 수 있습니다. 이 모든 것은 JavaScript가 애플리케이션 개발의 최상위에 있으며 하위 수준 기술의 구현과 아무 관련이 없음을 보여줍니다.
플랫폼 기술이 계속 변화하더라도 JavaScript는 새로운 요구 사항에 적응하기 위해 플랫폼에서 제공하는 기능을 변함없는 형태로 계속 사용할 것입니다. 앞으로 웹 개발은 개발자들의 모임이 될 것이며, 자바스크립트가 퍼플(Purple)되는 시대가 될 것입니다.

2부:

ECMAScript 정보
ECMAScript는 ECMA(유럽 컴퓨터 제조업체 협회)에서 개발한 표준 스크립트 언어(JAVAScript)입니다. ECMAScript 262 (http://www.ecma.ch/ecma1/STAND/ECMA-262.HTM)에 따르면, 먼저 ECMAScript 사양에서는 스크립트 프로그래밍 언어가 구현해야 하는 기본 내용을 구문, 데이터 및 다음과 같이 설명합니다. 변수 유형, 명령문, 키 단어, 예약어, 연산자 개체. 따라서 ECMA-262 사양을 준수하는 스크립트 프로그래밍 언어는 사양에 설명된 모든 "유형, 값, 객체, 속성, 함수, 프로그램 구문 및 의미"를 구현해야 하며 UCS(Unicode Character Standard)를 지원해야 합니다. 이를 기반으로 각 특정 구현은 "추가 유형, 값, 개체, 속성 및 함수"를 지정할 수도 있고 새로운 "프로그램 및 정규식 구문" 등을 정의할 수도 있습니다.
1. 동일한 구문
우선 ECMAScript는 C#, Java 등 널리 사용되는 다른 개방형 언어와 매우 유사합니다. 예를 들어 ECMAScript에서

코드 복사 코드는 다음과 같습니다.

for(i = 0; i < ; a.length; i ) {
if (a[i] == x)
return i
}

2. 객체지향 프로그래밍
ECMAScript는 객체지향 프로그래밍을 지원합니다. ECMAScript 객체의 명명된 속성 값입니다. 객체의 속성과 기능을 메소드라고 부를 수 있습니다.
window.setTitle(user.name);
3. 함수도 객체입니다
ECMAScript의 기능은 객체와 속성을 매개변수로 전달하고 저장하고 반환할 수 있다는 것입니다. 결과적으로. 함수형 프로그래밍 관점에서 함수와 메서드가 호출자로부터 간단하고 유연한 방식으로 기능을 가져올 수 있습니다.

코드 복사 코드는 다음과 같습니다.

var Recent = post.sort(function( a, b ) {
return (a.date > b.date ? -1 : 1)
}).slice(0, 10)

4. 객체 모두 프로토타입을 가지고 있습니다
프로그래밍 언어 자체에서 영감을 받은 ECMAScript 객체는 프로토타입 객체의 속성을 상속하므로 객체 동작을 쉽게 위임하고 유연하게 재정의할 수 있습니다.

코드 복사 코드는 다음과 같습니다.

function Car() { }
Car.prototype = new Object();
Car.prototype.wheels = 4;
Car.prototype.color = "black";
function RaceCar() { }
RaceCar.prototype = new Car() ;
RaceCar.prototype.color = "빨간색";
var vroom = new RaceCar()
vroom.wheels // 4
vroom.color // "빨간색"

5. 편리한 데이터 구성
ECMAScript에서는 시간을 절약하고 프로그램의 가독성을 높일 수 있는 다양한 일반 데이터 유형에 대해 설명합니다.
배열
var digits = [3, 1, 4, 1, 5, 9]
객체

var img = { width: 320, height:160, src: "images /es.png" };
정규 표현식

var email = /([^@]*)@([^@]*)/;
6. JavaScript 객체 표기법 (JSON)

JSON은 널리 사용되는 경량 데이터 교환 형식입니다. JSON은 JSON 구문이 ECMAScript 구문의 하위 집합이기 때문에 대화형 웹 페이지 및 웹 서비스에 특히 유용합니다.

7. 제5판
유럽 컴퓨터 제조업체 협회는 최근 새로운 ECMAScript 표준 제5판의 최종 후보 초안을 발표했습니다. 몇 가지 새로운 기능은 다음과 같습니다.
1. 향상된 표준 라이브러리
2. 표준화된 JSON 라이브러리
3. 반영된 getter 및 setter 메서드

3부:
1. 1.1 대소문자 구분
1.2 약한 유형 변수
var MyName="Xinzhu";var Age =22;var School="Gxnu";var male=true; 1.3 각 항목에는 후행 세미콜론이 있을 수 있습니다.
코드 블록에는 1.4 괄호가 사용됩니다

코드 복사 코드는 다음과 같습니다.

if(myName=="xinzhu"){
var age=22;
alert(age);
}

1.5javascript 주석 방법 및 C 언어와 동일 java
2. 변수

는 다음과 같이 var 키워드를 통해 선언됩니다. var boy="xinzhu"; 여기서 첫 번째 문자는 대문자 또는 소문자, 밑줄 및 $일 수 있습니다. , 나머지는 밑줄, $일 수 있습니다. 변수 이름은 키워드나 예약어가 될 수 없습니다.

3. 데이터 유형
underfined, 알려지지 않은 모든 것을 나타내는 underfined를 할당할 수 있습니다. 그러나 이는 변수를 지우는 것을 의미하지 않습니다. 대신
null 속성을 추가합니다. 아마도 이 개념이 있지만 코드에 사용되는
부울은 없습니다. 코드 흐름의 처리 및 제어
숫자, 선형적인 것, 명확한 대소문자와 순서가 있는 것, 코드 일괄 처리에 사용되는 것, 코드 반복이나 루프를 제어할 수 있는 것
문자열, 사람을 위한 합리적인 것, 인간을 통해 전달될 수 있는 정보 -기계, 코드는 사람을 이해할 수 있다 의도

4. 조건문

비교 연산자, 논리 연산자, if 문, switch 문은 모두 매우 간단하고 정렬되지 않습니다
5. 명령문

for, while, 나열하기에는 너무 단순함
6. 함수
Javascript 코드에는 하나의 형식만 있습니다. 함수, 함수는 함수 유형, 이벤트를 완료하는 데 사용되는 메서드
형식:

코드 복사 코드는 다음과 같습니다.

function functionName([arg0,arg1 ,arg2...argN ]){
문
[returm[표현]]
}

예:

코드 복사 코드는 다음과 같습니다.

function sayHello(sName){
alert("Hello" sName)
}
sayName(xinzhu);//전화

참고

1. 2012년 3월 프로그래밍 언어 순위: 자바스크립트 언어의 귀환(1)2. IT 기업 인터뷰 매뉴얼

3. >표준 ECMA-262: http://www.ecma-international.org/publications/standards/Ecma-262-arch.htmecmascript: http://www.ecmascript.org/index.php
5. 《JavaScript.jQuery 익히기》