기본 개념
javascript是一门解释型的语言，浏览器充当解释器。js执行引擎并不是一行一行的执行，而是一段一段的分析执行。지연 스크립트
DEFER 속성은 HTML4.0.1로 정의되어 있으며 스크립트가 페이지가 실행될 때 페이지의 구성에 영향을 미치지 않음을 나타내는 데 사용됩니다. 다시 말해, 실행 전에 전체 페이지가 구문 분석 될 때까지 스크립트가 지연됩니다. 따라서 <Script> 요소에서 지연 속성을 설정하는 것은 브라우저에 즉시 다운로드하도록 지시하지만 실행을 지연시키는 것과 같습니다. XHTML 문서에서 DEFER 속성을 defer=“defer" 로 설정하십시오.
비동기 스크립트
html5 <cript>에 대한 비동기 속성을 정의합니다. 전체 속성은 DEFER 속성과 유사하며 스크립트 처리 동작을 변경하는 데 사용됩니다. 마찬가지로 연기와 유사하게 Async는 외부 스크립트 파일과 만 작동하며 브라우저에 파일을 즉시 다운로드하도록 지시합니다. 그러나 연기와 달리 Async로 표시된 스크립트는 지정된 순서대로 실행을 보장하지 않습니다.
Async를 지정하는 목적은 페이지가 스크립트 파일을 다운로드하여 실행되기를 기다리는 것을 방지하여 페이지의 다른 내용을 비동기로로드하는 것입니다. 따라서로드하는 동안 비동기 스크립트가 DOM을 작동하지 않는 것이 좋습니다.
사례에 민감합니다
ECMAScript (변수, 함수 이름 및 연산자 포함)의 모든 것은 사례에 민감합니다.
1. jscript 변수
변수는 처음 사용될 때 메모리로 설정되므로 나중에 스크립트에서 참조됩니다. 변수를 사용하기 전에 선언하십시오. VAR 키워드를 사용하여 변수 선언을 사용할 수 있습니다.
var count, amount, level; // 用单个var 关键字声明的多个声明。
변수 이름 지정
변수 이름에는 글로벌 변수, 로컬 변수, 클래스 변수, 함수 매개 변수 등이 포함됩니다. 모두이 범주에 속합니다.
가변 이름 지정은 유형 접두사 + 의미있는 단어로 구성되며 변수 및 기능의 가독성은 낙타 명명법에 의해 증가합니다. 예 : Susername, Ncount.
접두사 사양 :
각 로컬 변수는 유형 접두사가 있어야하며 다음과 같이 나눌 수 있습니다.
S : 문자열을 나타냅니다. 예를 들어 : Sname, Shtml; N : 숫자를 나타냅니다. 예를 들어 : npage, ntotal; B : 논리를 나타냅니다. 예를 들어 : BChecked, Bhaslogin; A : 배열을 나타냅니다. 예 : Alist, Agroup; R : 정규 표현을 나타냅니다. 예를 들면 : rdomain, remail; F : 함수를 나타냅니다. 예를 들어 : FGETHTML, FINIT; O : : Obutton, Odate; G : : Gusername, Glogintime;
JScript는 대소 문자에 민감한 언어입니다. 합법적 인 변수 이름을 만드는 것은 다음 규칙을 따라야합니다.
첫 번째 문자는 숫자가 될 수 없습니다.
편지 나 번호 및 밑줄을 따라갈 수는 있지만 공간은 없습니다.
변수 이름은 예약 된 단어가되어서는 안됩니다.
javascript 는 약하게 입력 한 언어이며 JavaScript 불필요한 공간을 무시합니다. 스크립트에 공백을 추가하여 가독성을 향상시킬 수 있습니다.
var 는 javascript 의 예약 된 단어이며, 다음은 변수 설명이고 변수 이름은 사용자 정의 식별자이며 변수는 쉼표로 분리됩니다.
변수가 선언되었지만 값이 할당되지 않으면 변수가 존재하며 그 값은 JScript 값이 정의되지 않았습니다.
힘 유형 변환
JScript에서 JSCRIPT 통역사의 예외에 대해 걱정하지 않고 다른 유형의 값에 대해 작업을 수행 할 수 있습니다. 대신 JScript 통역사는 데이터 유형 중 하나를 다른 데이터 유형으로 자동 변경 한 다음 작업을 수행합니다. 예를 들어:
계산 결과 값은 문자열에 추가되고 캐스트 값은 문자열로 추가됩니다. 문자열에 부울 값을 추가하면 부울 값이 문자열에 시전됩니다. 부울 값에 숫자 값을 추가하면 부울 값을 숫자 값으로 만듭니다.
문자열을 정수로 명시 적으로 변환하려면 parseInt 메소드를 사용하십시오. 문자열을 숫자로 명시 적으로 변환하려면 parseFloat 메소드를 사용하십시오.
JavaScript 변수의 수명 : 함수 내에서 변수를 선언 할 때 해당 함수의 변수에만 액세스 할 수 있습니다. 함수를 종료 할 때이 변수가 취소됩니다. 이 변수를 로컬 변수라고합니다. 변수를 선언하는 함수 만 각 변수를 인식 할 수 있기 때문에 다른 함수에서 동일한 이름의 로컬 변수를 사용할 수 있습니다.
함수 이외의 변수를 선언하면 페이지의 모든 함수가 변수에 액세스 할 수 있습니다. 이 변수의 수명은 선언 된 후에 시작하여 페이지가 닫히면 종료됩니다.
JS 변수 마인드 맵
2.JS 데이터 유형
JScript에는 세 가지 유형 -> 기본 데이터 유형, 2-> 복합 데이터 유형과 두 가지 -> 특수 데이터 유형이 있습니다.
기본 (기본) 데이터 유형
字符串数值布尔복합 (참조) 데이터 유형
对象数组특수 데이터 유형
Null`Undefined`문자열 데이터 유형 : 문자열 데이터 유형은 jscript에서 텍스트를 나타내는 데 사용됩니다. JS에서는 이중 인용문 ( "")과 단일 따옴표 ( '')가 문자열을 나타내는 반면, 거의 차이가 없습니다. 그러나 문자열을 나타내는 이중 인용문 ( "") 만 사용하는 것이 가장 좋은 것으로 간주됩니다.
문자열 값은 0의 스트링 또는 더 많은 유니 코드 문자 (문자, 숫자 및 구두점 마크)입니다.
유니 코드 란 무엇입니까?
유니 코드는 플랫폼, 프로그램 또는 언어에 관계없이 각 문자마다 고유 한 값을 제공합니다. 유니 코드는 세계에 존재하는 모든 문자를 처리하기위한 통합 인코딩을 제공하도록 개발되었습니다.
수치 데이터 유형
JSCRIPT는 내부적으로 모든 값을 부동 소수점 값으로 나타내므로 JSCRIPT의 정수와 부동 소수점 값 사이에는 차이가 없습니다.
부울 데이터 유형
부울 (논리적)은 참 또는 거짓이라는 두 가지 값만을 가질 수 있습니다.
JS 어레이 및 객체
자세한 내용은 내 기사 -> JavaScript 학습 요약 - 배열 및 개체 부분을 참조하십시오.
NULL 데이터 유형 : null 값을 변수에 할당하여 변수의 내용을 지울 수 있습니다.
jscript의 연산자 typeof null 값을 유형 null 아닌 Object 유형으로보고합니다.
<html xmlns = "http://www.w3.org/1999/xhtml"xml : lang = "en"> <head> <meta http-equiv = "content-type"content = "text/html; charset = utf-8"/</title> null); </script> </head> <body> </body> </html>
null 아직 존재하지 않은 객체를 나타내는 데 사용되며 종종 존재하지 않는 객체를 반환하려는 함수를 나타내는 데 사용됩니다.
Undefined 데이터 유형 :
정의되지 않은 값은 다음과 같은 상황에서 반환됩니다.
对象属性不存在，声明了变量但从未赋值。NULL과 정의되지 않은 차이
경고 (typeof undefined); // 출력 "undefined"alert (null 타입); // output "object"alert (null == undefined); // "true"출력
ECMAScript는 정의되지 않은 것이 NULL에서 파생되었다고 생각하므로 동일하게 정의됩니다.
경고 (null === 정의되지 않은); // output "false"alert (typeof null == undefined 타입); // "false"출력
NULL 및 UNDEFINED는 유형이 다르므로 "False"를 출력합니다. 그리고 ===는 절대 평등을 의미합니다. 여기서 null === 정의되지 않은 출력 false
또한 더 중요한 데이터 유형 - 참조 데이터 유형이 있습니다.
참조 데이터 유형
JavaScript 참조 데이터 유형은 힙 메모리에 저장된 객체입니다. JavaScript는 힙 메모리 공간의 위치 및 작동에 직접 액세스 할 수 없습니다. 스택 메모리에서 객체의 참조 주소 만 작동 할 수 있습니다. 따라서 참조 유형 데이터는 실제로 스택 메모리에 힙 메모리의 객체의 참조 주소로 저장됩니다. 이 참조 주소를 사용하면 힙 메모리에 저장된 개체를 빠르게 찾을 수 있습니다.
참조 데이터 유형을 할당하는 프로세스를 보여 드리겠습니다
물론 OBJ2에 이름 속성을 추가하면 실제로 힙 메모리의 개체에 이름 속성이 추가됩니다. OBJ2 및 OBJ1은 스택 메모리에서 힙 메모리 객체의 참조 주소 만 저장합니다. 그것들도 복사되지만 지적 된 물체는 동일합니다. 따라서 OBJ2를 변경하면 OBJ1의 변화가 발생합니다.
기본 유형 값은 스택 메모리에 저장된 간단한 데이터 세그먼트, 즉 이러한 값이 메모리에 완전히 저장되는 위치를 나타냅니다.
참조 유형 값은 힙 메모리에 저장된 객체를 나타냅니다. 즉, 변수는 실제로 포인터 일뿐입니다.
요컨대, 힙 메모리는 참조 값을 저장하고 스택 메모리는 고정 유형 값을 저장합니다.
ECMAScript 에서 변수는 원래 값과 기준 값의 두 가지 유형의 값을 가질 수 있습니다.
원래 값이 stack 에 저장되는 간단한 데이터 세그먼트, 즉 값은 변수에 액세스하는 위치에 직접 저장됩니다. 힙 ( heap )에 저장된 참조 된 물체, 즉 변수에 저장된 값은 객체가 저장되는 메모리를 가리키는 포인터 ( point )입니다.
<script type = "text/javaScript"> var box = new Object (); // 참조 유형 생성 var box = "lee"; // 기본 유형 값은 문자열 상자입니다 .age = 23; // 객체 만 속성을 추가 할 수 있으므로 기본 유형 값에 속성을 추가하는 것이 이상합니다. 경고 (box.age); // 참조 유형이 아니며 출력 할 수 없습니다; </script>
3.jscript 연산자
우선 순위 : 운영자의 운영 순서를 나타냅니다. 평신도의 용어로는 먼저 작업의 어느 부분을 먼저 계산하는 것입니다.
조합 : 동일한 우선 순위 연산자의 계산 순서는 Layman의 용어로 왼쪽에서 오른쪽에서 오른쪽에서 왼쪽에서 왼쪽에서 왼쪽에서 오른쪽에서 오른쪽에서 오른쪽으로 계산 해야하는 방향입니다.
데이터 유형 변환
문자열 () to String 유형
숫자 ()는 숫자 유형으로 변환됩니다
부울 ()에서 부울 유형
parseInt : 문자열을 정수로 변환합니다. 문자열의 시작 부분에서 구문 분석을 시작하고 첫 번째 비 integer 위치에서 구문 분석을 중지하고 이전에 읽은 모든 정수를 반환하십시오. 문자열이 정수로 시작되지 않으면 NAN이 반환됩니다. 예를 들어 : Parseint ( "150 Hi")에 의해 반환 된 값은 150이고 Parseint ( "Hi")가 반환 한 값은 Nan입니다.
parseFloat : 문자열을 플로팅 포인트 번호로 변환합니다. 문자열의 시작 부분에서 구문 분석을 시작하고 첫 번째 비 integer 위치에서 구문 분석을 중지하고 이전에 읽은 모든 정수를 반환하십시오. 문자열이 정수로 시작되지 않으면 NAN이 반환됩니다. 예를 들면 : parseFloat("15.5 hi") 返回的值是：15.5，parseFloat("hi 15.5")返回的值是：NaN。
eval：将字符串作为javascript表达式进行计算，并返回执行结果，如果没有结果则返回undefined。4.JS 프로세스 제어
JS 프로세스 제어 명세서의 경우 이해하기 어려운 몇 가지가 있습니다. 나는 다른 사람들에 대한 자세한 내용을 보지 않을 것입니다. 마인드 맵은 아래에 첨부되어 있습니다.
1. for ... in 문은 각 객체 또는 배열의 각 요소에 해당하는 하나 이상의 문을 실행합니다.
for ([object | array]의 변수) 문
매개 변수 :
variable : 필요한 옵션. 객체의 속성이거나 배열의 요소가 될 수있는 변수.
object , array : 선택 사항. 객체 또는 배열이 횡단됩니다.
statement : 선택 사항. 객체의 각 속성 또는 배열의 각 요소에 비해 실행되는 하나 이상의 진술. 복합 진술이 될 수 있습니다.
조건부 제어 명령문 (예 : IF 명령문)에는 여러 문장이 실행될 때만 (왼쪽 브레이스 "{"및 오른쪽 브레이스 "}"에서 시작) 만 코드 블록을 사용해야하지만 모범 사례는 항상 코드 블록을 사용하는 것입니다.
if (args) alert (args); // 오류가 쉬운 경우 (args) {alert (args); // 사용 권장}JS 프로세스 제어 명세서 마인드 맵
5.JS 기능
함수는 이벤트에 의해 구동되거나 호출 될 때 실행되는 재사용 가능한 코드 블록입니다.
Jscript 두 가지 기능을 지원합니다. 하나는 언어 내부의 함수이고 다른 하나는 자체적으로 생성됩니다.
JavaScript 함수는 매개 변수를 허용하지 않지만 (매개 변수를 포함하는 브래킷을 생략 할 수 없음), 매개 변수는 함수별로 사용하기 위해 함수로 전달 될 수 있습니다.
기능에 대한 자세한 내용은 내 기사의 다른 기사를 방문하십시오 : JavaScript Learning의 요약 (iv) 기능 기능 부분.
물체의 구성
방법 - 기능 : 절차, 동적 특성 - 변수 : 상태, 정적
마지막으로, 노인들이 요약 한 마인드 맵 :