"JavaScript 고급 프로그래밍" 강의 1 - 기본 개념

저는 "JavaScript를 사용한 고급 프로그래밍"이라는 책을 여러 번 읽었지만 끝까지 읽은 적이 없습니다. 이제부터 다 읽고 각 장마다 메모와 내 생각을 기록하겠습니다.

처음 세 장의 내용은 비교적 간단하기 때문에 학습 과정을 기록하기 위해 한 장으로 묶어보겠습니다.

1. 기본 개념

1. JavaScript와 ECMAScript의 관계

JavaScript에는 ECMAScript뿐만 아니라 DOM(Document Object Model), BOM(Browser Object Model)도 포함되어 있다고 이해할 수 있습니다. . 태그

속성: async defer charset type src

defer와 async의 차이점: (외부 스크립트 파일에만 적용 가능) async 또는 defer가 없습니다. 태그가 순서대로 차례대로 분석됩니다. 브라우저는 지정된 스크립트를 즉시 로드하고 실행합니다. "즉시"는

태그 아래에 문서 요소를 렌더링하기 전을 의미합니다. 즉, 후속 문서 요소가 로드될 때까지 기다리지 않고 읽자마자 로드하고 실행한다는 의미입니다. . script async를 사용하면 후속 문서 요소를 로드하고 렌더링하는 프로세스가 js(비동기)의 로드 및 실행과 병렬로 수행됩니다.

defer를 사용하면 후속 문서 요소를 로드하는 프로세스가 병렬로 수행됩니다. js 로딩(비동기), 그러나 js 모든 요소가 구문 분석된 후 DOMContentLoaded 이벤트가 트리거되기 전에 실행이 완료되어야 합니다

파란색 선은 네트워크 읽기를 나타내고 빨간색 선은 실행 시간을 나타냅니다. 두 가지 모두 스크립트의 경우 녹색 선은 HTML 구문 분석을 나타냅니다.

자세한 분석을 보려면 클릭하세요

태그 위치: 또는 요소 뒤에 위치할 수 있습니다.

문서 모드: (혼합 모드와 표준 모드로 구분 가능)

IE의 브라우저 모드와 문서 모드의 차이점: 브라우저 모드: 브라우저 버전과 IE의 조건부 주석에 영향을 줍니다.

문서 모드: IE의 조판 엔진과 DOM 렌더링에 영향을 줍니다.

자세한 분석 클릭 가능

3 . 데이터 유형 5가지 단순 데이터 유형: 문자열, 숫자, 부울, Null, 정의되지 않음 1가지 복합 데이터 유형: 객체

typeof 연산자는 변수의 데이터 유형을 감지하고 문자열을 반환합니다.

참고: typeof null은 '객체'를 반환합니다. ', null은 빈 객체 참조로 간주됩니다 Typeof는 변수가 초기화되거나 선언되지 않은 경우 정의되지 않은 값을 반환합니다

------ Boolean type

data type 참값으로 변환 Convert to false value Boolean true false String 비어 있지 않은 문자열 빈 문자열 Number 0이 아닌 모든 숫자 값 (포함) 무한) 0 그리고 NaN Object Any object null Undefine 해당 사항 없음 undefine ----- 숫자 유형

js의 부동 소수점 계산은 정확하지 않으므로 주의해서 사용하세요~

isFinite() 숫자가 최소값과 최대값 사이에 있는지 확인합니다.

NaN은 숫자 값이 아니고 무엇이든 동일합니다. 자신을 포함하여 같지 않음 isNaN()

숫자가 아닌 값을 숫자 값으로 변환: Number() Number('') 0 Number(null) 0

parseInt() parseFloat () 첫 번째 문자가 숫자나 음수 기호가 아니면 NaN을 반환합니다.parseInt('') NaN parseInt(null) NaN

----- 문자열 유형

문자열을 변환하는 방법: toString() 이 null을 제외하고 메소드는 사용할 수 있으며 정의되지 않은 String()은 무엇이든 변환할 수 있습니다. 유형의 값은 문자열 + 연산자 +''로 변환됩니다.

----- 객체 유형

Object의 각 인스턴스에는 다음과 같은 속성과 메소드가 있습니다

생성자: 현재 객체를 생성하는 데 사용된 함수를 저장합니다.

hasOwnProperty(propertyName): 현재 객체 인스턴스에 속성이 존재하는지 여부

isPrototypeOf(object): 들어오는 객체가 다른 객체의 프로토타입인지 여부

propertyIsEnumerable(propertyName ): for-in 문을 사용하여 속성을 열거할 수 있는지 여부

toLocaleString()

toString(): 객체의 문자열 표현을 반환합니다

valueOf(): 객체의 문자열, 숫자 또는 부울 표현을 반환합니다

4. Operator

var age = 10; var newAge = ++age; console.log(newAge); //11 ++age가 먼저 추가되고 할당됩니다. 먼저 age+1이고 newAge

에 값을 할당합니다. var age = age++; //11 console.log(newAge); age를 먼저 할당한 후 추가합니다. 즉, newAge에 값을 먼저 할당한 다음 age+1

----- 비트 연산자

비트 NOT(~)은 피연산자의 음수 값이 다음만큼 감소함을 의미합니다. 1

비트별 AND(&)는 두 값의 해당 비트가 1일 때만 1을 반환하고, 어느 비트든 0이면 결과는 모두 0입니다.

비트별 OR(|)는 한 비트가 1일 때 1을 반환합니다

비트별 XOR(^)은 두 값 중 해당 비트에 1이 하나만 있는 경우에만 1을 반환합니다. 왼쪽으로 이동(<<) 값의 모든 비트를 지정된 자릿수만큼 왼쪽으로 이동합니다. 여분의 공백은 0으로 채워지며 이는 피연산자의 부호 비트에 영향을 미치지 않습니다

부호 있는 오른쪽 시프트(>>) 부호 있는 비트 값을 사용하여 빈 비트를 채웁니다.

부호 없는 오른쪽 시프트(>>> ) 빈 비트를 0으로 채웁니다.

----- 부울 연산자

논리 NOT(!)

논리 AND(&&) 단락 연산자, 즉 첫 번째 피연산자가 false로 평가되면 두 번째 피연산자는 평가되지 않음

eg:console.log(1 && 2 && 3); //3 논리 OR(| |) 단락 연산자, 즉 첫 번째 피연산자가 true로 평가되면 두 번째 피연산자는 그렇지 않습니다. 평가됨

eg:console.log(1 || 2 || 3); //1 ----- 동등 연산자

null >= 0 //true null == 0 //false 이유 : 관계 연산자는 비교 시 숫자 값으로 변환되지만 항등 연산자는 변환되지 않습니다

null == undefed //true null == 0 //false undefine == 0 //false

= =값만 비교 ===값과 유형을 모두 비교

이전 인터뷰에서 질문한 대로 질문: var a = 1, b = 1 var c = {a:1}, d = {a; :1}; console.log(a === b); console.log(c == d); //true true false false

쉼표 표현식을 사용하면 항상 표현식의 마지막 항목이 반환됩니다. 예:var num=(1,2,3); console.log(num); 5, state do{} while () 문 while() {} 문 스위치 문

for-in 문: 객체의 속성을 열거하는 데 사용할 수 있습니다. 속성을 반환하는 순서는 브라우저에 따라 다를 수 있습니다.

Break 문: 루프를 종료하고 루프 이후의 문을 실행합니다. 계속: 이 루프에서 벗어나 다음 루프를 실행합니다.

6. 함수

인수 개체는 매개 변수의 값에 액세스할 수 있습니다. 길이 속성

을 사용하여 인수[0]...을 통해 얻습니다. 반환 값을 지정하지 않은 함수는 정의되지 않은 값을 반환합니다. 이것이 때때로 Chrome 콘솔에 일부 명령을 입력하면 정의되지 않은 결과가 반환되는 이유입니다~