이 기사는 참조 매뉴얼 기사가 아니며 JS에 대한 일반적인 이해를 생성하는 데 적합합니다. 상세한 구문 및 JS 응용이 필요한 경우 W3School로 이동하십시오.
JavaScript 란 무엇입니까?
JavaScript의 탄생
1995 년경 세계의 주류 대역폭은 28.8kbps였으며 세계의 평균 다운로드 대역폭은 이제 21.9Mbps입니다 (데이터는 http://www.netindex.com에서 나옵니다). 당시 네티즌은 양식을 제출할 때마다 서버로부터 응답을 받기 위해 오랜 시간을 기다려야했습니다. 몇 분 동안 기다린 후받은 것은 그들이 놓친 것이었을 가능성이 매우 높습니다. 사용자 경험을 향상시키기 위해 간단한 형태의 판단을 달성 할 수있는 브라우저 클라이언트에 포함 된 스크립트가 JavaScript가 탄생했습니다.
JavaScript는 NetScape (NN2.0)에서 근무한 Brendan Eich가 처음 개발했으며 Netscapenavigator 2.0 (NN2.0)을 위해 1995 년에 출시 된 후 Livescript라고 불 렸습니다. 그는 당시 매우 인기있는 Sun Company와 함께 일하고 있었기 때문에 시간의 트렌드 -Java 언어를 따라 잡기 위해이 언어는 JavaScript로 선정되었습니다.
JavaScript와 Java의 관계는 무엇입니까?
이것은 또한 평신도들이 자바 스크립트를들을 때 첫 번째 반응이며,이 언어에서 가장 비판적인 문제 중 하나이기도합니다.
엄격하게 말하면, 반 센트 사이에는 관계가 없습니다. 당신이 참여해야한다면, 아마도 두 기능의 일부 기능은 동일하고 객체 지향적 인 아이디어, 판단 구조, 루프 문 등 일 것입니다. 그러나 이것들은 분명히 Java의 특허가 아니라 프로그래밍 언어의 합의입니다.
JavaScript 표준화 및 개발 이력
JavaScript가 시작되면 더 나은 사용자 경험을 가진 NN 브라우저가 브라우저 시장을 지배했으며 Microsoft는 따라 잡고 있습니다. IE3가 출시되었을 때 Microsoft는 VBScript를 출시하고 jscript라고 명명했습니다.이 이름은 실제로 Netscape의 JavaScript와 크게 다르지 않습니다 (오늘의 용어로는 Copycat입니다). Microsoft의 경쟁에 직면 한 Netscape와 Sun은 자사 자바 스크립트 드래프트를 ECMA (European Association of Computer Manufacturers)에 제출하여 JavaScript를 표준화하고 ECMAScript (ECMA-262)의 첫 번째 버전을 구성했습니다.
흥미롭게도 Netscape가 표준화 된 JavaScript 후에는 내부 문제가있었습니다. JavaScript Research는 정체되었으며 Microsoft는 IE4를 따라 잡을 기회를 얻었습니다. IE4는 NN보다 1 년 앞서 ECMA 사양을 따르는 최초의 JavaScript 엔진을 내장했습니다. 또한 Microsoft System은 컴퓨터 운영 체제 시장을 점차적으로 차지하고 있으며 사전 설치된 IE 브라우저 시장 점유율이 점차 증가하고 있으며 NN은 지속적으로 시장에 압박을 받고 있습니다. 그러나 Microsoft가 가장 큰 라이벌을 잃으면 개발 동기가 없습니다. 인터페이스 렌더링과 스크립트 실행 모두 인 IE6 ~ IE8은 서로 호환되지 않아 브라우저의 역사와 프론트 엔드 개발자의 악몽이됩니다.
코드 사본은 다음과 같습니다.
1.V1 퍼스트 에디션 1997 년 6 월
2.V2 1998 년 6 월 형식은 ISO/IEC16262 국제 표준과 일치하도록 양식을 개정했습니다.
3.V3 1999 년 12 월 강력한 정규 표현식, 더 나은 텍스트 체인 처리, 새로운 제어 지침, 예외 처리, 명확한 오류 정의, 숫자 출력 형식 및 기타 변경 사항
4.V4가 완료되지 않았습니다 ... 아마도 더 명백한 클래스 정의, 네임 스페이스 등 ...
5.V5 2009 년 12 월, "Strict Mode"가 추가되었으며, 구조 오류를 피하기 위해보다 철저한 오류 점검을 제공하는 데 사용되는 서브 세트가 추가되었습니다. 버전 3의 많은 퍼지 사양을 명확히하고 해당 사양과 일관되게 다른 실제 구현의 동작을 수용합니다. JSON을 지원하는 Getters 및 Setter와 같은 새로운 기능이 추가되었습니다.
**** 2004 년 6 월, 유럽 컴퓨터 제조업체 협회는 ECMA-357 표준을 발행했는데, 이는 ECMAScript의 확장 인 E4X (XML의 ECMAScript)라고도합니다.
JavaScript와 ecmascript의 관계는 무엇입니까?
실제로 문제는 JavaScript, JScript 및 ECMAScript의 관계가 무엇인지 여야합니다. 실제로 ECMAScript는 전체 사양입니다. JavaScript와 JScript는이 사양에 따라 개발되며 ECMAScript와 호환되지만 ECMAScript 이외의 기능을 포함합니다. 그러나 현재 어떤 유형이든 상관없이, 일반적으로 JavaScript라고합니다. 왜냐하면 그것이 처음 등장하고 가장 큰 영향을 미치고 그 이름이 오늘날까지 전달 되었기 때문입니다.
JavaScript는 무엇을 할 수 있습니까?
웹 페이지에서 논리적 처리가 필요한 모든 작업은 JavaScript에서 완료 할 수 있습니다. 예를 들어:
코드 사본은 다음과 같습니다.
• 형태 확인
• 애니메이션 효과
• 웹 게임
• 카운트 다운
•…
다른 많은 응용 프로그램이 있으며 여기서는 자세히 설명하지 않습니다. 이 언어를 배우고 나면 많은 응용 프로그램을 찾을 수 있다고 생각합니다.
왜 JavaScript를 배우나요?
1. 선택의 여지가 없기 때문에 JavaScript 만 일반적으로 사용되는 모든 브라우저를 제어 할 수 있으며 JavaScript는 세계에서 가장 중요한 프로그래밍 언어 중 하나이며 Web Technology는 JavaScript를 배워야합니다.
2. JavaScript는 아름다운 언어이므로 매우 좋습니다. 그래서 우리는 배워야합니다.
JavaScript 포지셔닝
코드 사본은 다음과 같습니다.
1. JavaScript는 편집이 필요하지 않고 JavaScript 구문 분석 엔진에 의해 구문 분석 및 실행되는 가벼운 스크립팅 언어입니다 (일반적으로 브라우저를 참조하고 물론 노드와 같은 구문 분석기는 제외되지 않음).
2. JavaScript에는 비 기능적 언어 기능, 기능적 언어 기능 및 동적 언어 기능이 있으며 구문은 매우 유연합니다.
3. JavaScript는 객체 지향 프로그래밍 언어입니다. JavaScript 세계에는 말이 있습니다. 모든 것이 대상입니다. 상속은 프로토 타입 상속을 기반으로합니다 (이전에 프로토 타입 상속을 설명하는 특별 기사를 작성했습니다)
4. JavaScript는 C 언어이므로 C를 배운 사람은 JavaScript를 시작하는 것이 쉽습니다.
5. JavaScript는 컴파일러없이 작성되었지만 텍스트 편집기 만 사용합니다 (메모장은 면제되고 숭고한 텍스트가 적극 권장됩니다).
JavaScript 란 무엇입니까?
우리가 사용하는 JavaScript에는 이제 Dom, Bom 및 ECMAScript (또는 Core JS)의 세 부분이 포함됩니다.
돔
여기서 기본적으로 모든 사람은 적어도 HTML 및 CSS에 대한 이해가 있습니다. 이 기사를 읽기 위해 HTML 및 CSS를 직접 건너 뛰면 여기에서 먼저 읽으십시오.
DOM, 문서 개체 모델
XHTML은 태그를 닫아야하고 둥지가 올바르지 않아야한다는 것을 알고 있습니다. 태그의 둥지는 아버지-아들 관계 (또는 조상-공인 관계)를 만듭니다. DOM은 많은 수의 API를 제공하여 Dom 나무를 쉽게 조작 할 수 있습니다. 나중에 JS Dom에 대해 이야기하는 기사를 쓸 것입니다.
DOM을 사용하면 페이지 컨텐츠를 동적으로 수정하고 스타일을 조정하는 등 JS 다양성을 반영 할 수 있습니다.
Bom
BOM, 브라우저 객체 모델
본체가 브라우저가된다는 점을 제외하고 DOM과 유사합니다. 브라우저는 또한 많은 수의 API를 제공하며, 그 중 일부는 JS에 열려있어 브라우저 Windows를 작동하는 방법을 제공합니다.
일반적인 용도 :
코드 사본은 다음과 같습니다.
1. 새 브라우저 창을 팝업하는 기능;
2. 브라우저 창의 크기를 움직이고 닫고 변경하는 기능;
3. 웹 브라우저의 자세한 정보를 제공 할 수있는 탐색 개체;
4. 브라우저로드 페이지에 대한 자세한 정보를 제공 할 수있는 로컬 객체;
5. 사용자 화면 해상도에 대한 자세한 정보를 제공 할 수있는 화면 객체;
6. 쿠키 지원;
7. Internet Explorer는 BOM을 ActiveX 객체 클래스를 포함하도록 BOM을 확장하고 JavaScript를 통해 ActiveX 객체를 구현할 수 있습니다.
ecmascript 코어
JS Core라고도하는 경우에도 불구하고 동일한 의미를 의미하며, 이는 위에서 언급 한 DOM 및 BOM과 달리 변수 정의, 쓰레기 수집, 구문, 범위 등을 포함하여 JS 언어의 핵심 구성을 나타냅니다. 이러한 API를 사용해야하며 ECMAScript 코어는이 언어의 본질 만 필요합니다. 다음 장에서는 JS의 구문에 대해 더 이야기 할 것입니다.
JavaScript 사용
인라인 스타일
인라인 양식은 태그로 작성된 JavaScript입니다. 예를 들어, 우리는 HTML을 씁니다.
코드 사본은 다음과 같습니다.
<버튼 onclick = "alert ( 'clicked');"> 클릭 </button>
버튼을 클릭하면 상자가 "클릭 중"이 표시됩니다.
그러나 이것은 유지 보수에 큰 어려움을 겪을 것이기 때문에 이것은 강력히 권장되지 않습니다. 이벤트를 변경해야 할 때마다 먼저 요소를 찾은 다음 JavaScript 컨텐츠를 수정해야하며 이러한 JavaScript 코드는 재사용 할 수 없습니다.
또한 태그로 작성된 이벤트는 'on'이어야하며 JS는 태그의 이벤트를 통해서만 소개 할 수 있으며 간단한 JS 표현식을 작성할 수 없습니다.
내장
임베디드는 HTML 스크립트 태그에서 JS 코드를 작성하는 것을 의미합니다. 이 방법은 HTML에 스크립트 태그를 추가 한 다음 다음과 같이 태그 중간에 JS 코드를 삽입하는 것입니다.
코드 사본은 다음과 같습니다.
<html>
<body>
<button id = "btn"> 클릭 </button>
</body>
<cript>
<span style = "font-family : arial, helvetica, sans-serif;"> var btn = document.getElementById ( "btn"); </span> <pre name = "code"> btn.onclick = function () {
경고 ( "클릭하십시오");
}
</script> </html>
임베디드 스타일을 사용하는 경우 인라인 스타일보다 훨씬 더 자유 롭습니다. 더 많은 코드를 작성하고 인용문을 피하는 문제를 피하고 더 쉽게 유지할 수 있습니다. 그러나 문제도 존재합니다. 이 코드는이 페이지에만 적용될 수 있으며 다른 페이지에서는 사용할 수 없습니다.
외부
외부 연결 방법은 위의 두 형태의 모든 단점을 해결합니다. 다음 방법은 다음과 같습니다.
먼저 새 파일을 만들고 접미사를 .js로 변경하십시오. 예를 들어, 새로운 click.js 파일을 생성하고 방금 작성한 내장 버전에서 JS 코드를 복사합니다 (스크립트 태그가 포함되어 있지 않음).
코드 사본은 다음과 같습니다.
var btn = document.getElementById ( "btn");
btn.onclick = function () {
경고 ( "클릭하십시오");
}
그런 다음 스크립트 태그를 통해 html로 가져옵니다
코드 사본은 다음과 같습니다.
<html>
<body>
<button id = "btn"> 클릭 </button>
</body>
<script src = "click.js"> </script>
</html>
이것의 장점은 동일한 JS 코드를 여러 HTML 페이지에서 공유 할 수 있다는 것입니다. 단점은 파일 수가 증가하고 요청에 필요한 시간이 증가한다는 것입니다. 따라서 코드의 재사용 가능성을 향상시켜야하며 마지막으로 JS 파일을 병합해야합니다 (다른 JS 파일을 하나의 JS 파일로 병합).