이 기사에서는 참조를위한 JavaScript의 기본 (공통) 구문을 소개합니다.
개요
JavaScript를 작성하는 방법에 대해 먼저 이야기하겠습니다. 두 가지 형식이 있습니다. 하나는 html 페이지에 직접 JavaScript를 작성하고 다른 하나는 *.js 파일에 존재하고 페이지에서 참조하는 것입니다.
직접 쓸 때 <head> </head> 또는 <body> </body>에 넣을 수 있습니다. 일반적으로 함수는 <head> 영역에 배치되며 특정 실행 코드는 <body> 영역에 있습니다. 예를 들어, 신체에 쓰십시오.
<body> <cript> document.writeln ( "haha <br/>"); </script> </body>
견적서
<script type = "text/javaScript"src = "js_css/menutree.js"> </script>
실행 순서 및 수명주기
JavaScript는 위에서 아래로 순서대로 실행/구문 분석됩니다. 함수 또는 함수를 호출 할 때는 함수가 구문 분석/선언되었는지 확인해야합니다. 또한 기능 정의가 일반적으로 <head>에 배치되는 이유이기도합니다.
모든 기능과 변수는이 페이지에서만 유효합니다. 페이지를 떠난 후 이전 페이지에서 선언 된 변수 또는 함수는 새 페이지에서 액세스 할 수 없습니다. 방문 해야하는 경우 쿠키로 저장하고 다음 페이지에서 읽을 수 있습니다.
구문 - 변수
변수 정의는 var로 시작하여 변수를 정의 할 수 있습니다. 기능 본문에 배치 된 것은 로컬 변수로 간주되는 반면 외부 변수는 글로벌 변수입니다. JavaScript의 구문은 매우 지저분하고 변수를 정의하는 다른 방법이 있습니다. 그러나 모든 사람이 다른 지저분한 구문을 사용하지 않고 가장 일반적인 구문을 사용하여 충분하고 브레인 스토밍을 저장하기를 바랍니다.
모든 사람은 변수에 대해 이해해야합니다
(1) 변수는 약한 유형이며 정수는 문자열에 직접 추가하여 문자열을 얻을 수도 있습니다.
(2) 소위 글로벌 변수는 현재 페이지에서만 유효합니다. 페이지가 언로드되어 다른 페이지로 이동하면 모든 변수가 파괴됩니다. 이러한 글로벌 변수는 브라우저의 임베디드 변수 (사용자 에이전트라고도 함)와 다릅니다. 각 페이지에는 자동으로 창 및 문서와 같은 객체가 포함되어 있습니다.
(3) 단일 따옴표 나 이중 인용문을 구별하지 마십시오.
<cript> // 변수 정의 var nnumofbytes = 10; var fpercent = 0.32; var stryourname = 'Mr. Known'; var prect = new Object (); </script>
구문 - 함수
<cript> function gotourl (strurl) {location.href = strurl; } </스크립트>기능은 HTML 이벤트/양식/JavaScript에서 호출 될 수 있습니다.
HTML 요소 이벤트 콜백 :
<body onload = "gotourl ( '// www.vevb.com')">
요소 이벤트 콜백을 형성하십시오
<select name = "somelist"onchange = "onsomethingchanged ()">
하이퍼 링크 대상
<a href = "JavaScript : gotourl ( 'www.vevb.com')"> go </a>
JavaScript로 직접 전화하십시오
<cript> gotourl ( "www.vevb.com"); </script>
구문 - 클래스
일반적으로 JavaScript에는 사용자 정의 클래스가 필요하지 않으므로 일반적으로 복잡한 수준에 도달하지 않습니다. 스크립팅 언어이기 때문에 몇 마디 만 쓰십시오. 첫째, 디버그하기가 어렵고 둘째, 읽는 것은 불편합니다. 그러나 메뉴 트리와 같은 복잡한 기능을 작성 해야하는 경우 완료하려면 몇 가지 범주를 작성해야합니다.
마찬가지로 클래스에는 JavaScript에 두 가지 정의 된 형식이 있습니다. 다음 형식을 알아야합니다. 다른 형식은 나쁘기 때문에 알지 못하는 것이 좋습니다.
먼저 생성자 매개 변수없이 가져 가자.
<cript> 함수 sampleclass () {// 변수 변수 정의 this.nid = 10; // 멤버 함수 정의 this.plusId = function (nplus) {return this.nid + nplus; }} </script>다른 매개 변수 만들기 클래스
기능 menuitem (l, h, t) {this.label = l; this.href = h; this.target = t; this.tohtml = function () {var html = "<a href = '" + this.href + "" "; if (this.target! = null) html + = ( "target = '" + this.target + "" "); html + = ">" + this.label + "</a>"; 반환 html; }}클래스 인스턴스를 만듭니다
var item = new menuitem ( "haha", //www.vevb.com, null);
수업과 관련하여 다음 사항에 주목하십시오.
(1) 처음부터 수업을 쓰지 마십시오. 나에게서 복사 한 다음 설명 할 수없는 문제가 없도록 수정하십시오.
(2) 멤버 함수의 멤버 변수를 참조하려면이 추가를 추가하십시오. 그렇지 않으면 참조가 불가능합니다.
(3) 멤버 기능이 값을 반환하려는 경우 반환을 사용하십시오. 모든 유형을 반환하려면 미리 선언 할 필요가 없습니다. 직접 반환하십시오.
(4) C ++ 및 Java를 배우는 프로그래머의 경우 var p = new someclass ()를 이해해야합니다. 이 문장의 새로운 것은 실제로 객체를 만들고 포인터를 반환하는 것입니다.
(5) 객체 클래스 사용을 고려하십시오
구문 - 객체 클래스
JavaScript Syntax는 매우 혼란스럽고 스크립팅 언어는 너무 높지 않습니다. 클래스를 사용자 정의 할 수는 있지만 대부분의 경우 수업을 직접 선언 할 필요는 없습니다. 이 구조의 형태를 미리 선언하지 않고 객체 클래스를 직접 사용하여 구조를 정의 할 수 있습니다.
좋다:
함수 createobject () {var obj = new Object (); obj.x = 10; obj.y = 11; return obj;}이 기능은 무작위로 객체를 만들어 멤버 x와 y를 추가하고 다른 사람에게 알리지 않음 (프로토 타입 선언 없음). 사용자는 추측하지 않고 OX와 OY를 직접 전화 할 수 있습니다.
<cript> var o = createobject (); document.writeln ( "x =" + ox + ", y =" + oy); </스크립트>
그러나 안전상의 이유로 다음과 같이 쓸 수도 있습니다.
var o = createobject (); if (ox! = null && oy! = null) {document.writeln ( "x =" + ox + ", y =" + Oy); }구문 - 배열
<cript> // 생성 var a = new array (); // example for (var i = 0; i <a.length; i ++) {var e = a [i]; } // var item = new menuitem ( "000"); this.itemarray.push (항목); </script>요소를 삭제하는 방법? 값을 null에 직접 할당 한 다음 테스트 한 다음 추가하십시오.
멤버 변수로 배열
함수 menu () {this.itemarray = new array (); this.additem = function (l, h, t) {var item = new menuitem (l, h, t); this.itemarray.push (항목); }; }JavaScript (권장)의 핵심 문법에 대한 위의 요약은 내가 공유하는 모든 내용입니다. 나는 당신이 당신에게 참조를 줄 수 있기를 바랍니다. 그리고 당신이 wulin.com을 더 지원할 수 있기를 바랍니다.