JavaScript 고급 프로그래밍(3판) 학습 노트 13 ECMAScript5 새로운 기능_기본 지식

다음 단계는 BOM과 HTML5가 되어야 하는데 ECMAScript5는 ECMAScript3에 비해 새로운 변경 사항이 많고 이러한 변경 사항도 매우 흥미롭기 때문에 이 기사에서는 제가 생각하는 흥미로운 변경 사항(모든 변경 사항은 아님)을 요약하겠습니다. 자세히 설명하지 않고 목록을 작성합니다.

1. 구문 변경

1. 키워드 및 예약어

ES3에서 키워드를 식별자로 사용하면 "식별자가 필요합니다" 오류가 발생합니다. , 식별자에 예약어를 사용하면 특정 엔진에 따라 동일한 오류가 발생할 수도 있고 그렇지 않을 수도 있습니다. ES5에서는 키워드와 예약어를 식별자로 사용할 수 없지만 객체의 속성 이름으로 사용할 수 있습니다. ES5에는 키워드와 예약어 중 let, Yield가 새롭게 추가되었습니다. 최대 호환성을 보장하려면 ES3 또는 ES5의 키워드 및 예약어를 식별자로 사용하면 안 됩니다.

2. 속성 특성

ES5에서는 사용자 정의 속성 설명을 사용하여 특정 속성의 열거 가능, 구성 가능, 쓰기 가능, 가져오기, 설정 및 기타 속성을 재정의할 수 있습니다. 구체적인 방법은 Object 개체에 정의된 정적 함수를 사용하는 것입니다.

3. 엄격 모드

가장 큰 문법적 변화는 "use strict" 문을 통해 엄격 모드를 활성화하고 전체 스크립트를 상단에 추가할 수 있다는 것입니다. 엄격 모드를 활성화하는 코드를 함수 내에 추가하면 해당 함수에 대해서만 엄격 모드가 활성화됩니다. 엄격 모드의 주요 변경 사항은 다음과 같습니다.

(1) 변수를 사용하기 전에 정의해야 합니다. 즉, 암시적 전역 변수는 허용되지 않습니다.

(2) 8진수 데이터는 사용되지 않습니다.

(3) with 문을 사용하지 마세요

(4) eval

A. eval을 식별자로 사용할 수 없으므로 변수나 함수의 이름을 eval로 지정할 수 없습니다.

나. eval() 함수에 정의된 변수는 외부에서 접근할 수 없다

(5) 인자

A. 인자는 식별자로 사용할 수 없다

나. 함수인 내부 개체는 인수를 수정할 수 없으므로 더 이상 형식 매개 변수와 인수 사이에 동기식 변경이 없습니다.

C. Argument.callee에 액세스할 수 없습니다.

D. Argument.caller 속성은 다음에서 정의됩니다. ES5이며 그 값은 항상 정의되지 않으며 주로 인수.호출자와 함수 호출자를 구별하는 데 사용되지만 엄격 모드에서는 액세스할 수 없습니다

(6) 함수

A. 동일한 이름은 함수에 나타날 수 없습니다

B. 함수의 호출자 속성에 값을 할당할 수 없습니다

C. 환경 개체를 지정하지 않고 함수를 호출하는 경우 this 값은 창을 가리키지만 정의되지 않은

(7) 객체

A. 동일한 이름을 가진 두 개의 속성이 객체

에 나타날 수 없습니다. B. 속성을 수정할 때 속성 [[writable]]이 false인 경우 자동으로 실패하는 대신 예외가 발생합니다. 마찬가지로 [[configurable]] 속성이 false인 속성을 삭제하기 위해 삭제를 사용하는 경우에도 예외가 발생합니다.

(8) delete

명시적으로 선언된 변수나 함수는 delete로 삭제할 수 없습니다.

2. 내장 객체 변경

1. Object 객체

(1) 관련 메소드 상속: create(), getPrototypeOf()

(2) 속성 관련 메소드: DefineProperty(), DefineProperties(), getOwnPropertyDescriptor(), getOwnPropertyNames() ,keys()

(3) 변조 방지 방법: PreventExtensions(), isExtensible(), seal( ), isSealed(), Freeze(), isFrozen()

2. object

(1) 바인딩() 메소드를 추가했습니다.

(2) 현재 함수를 호출하는 함수에 대한 참조를 가리키는 데 사용되는 함수 객체의 속성 호출자를 정규화합니다.

(3) 프로토타입은 열거 불가능합니다

3. 배열 객체

(1) 판단 방법: obj가 판단을 위해 정적 메소드 Array.isArray(obj)를 추가했습니다. Array 객체의 인스턴스입니다.

(2) Index 메서드: 지정된 항목의 인덱스를 찾기 위한 indexOf() 및 lastIndexOf() 두 가지 메서드를 추가했습니다. 검색할 때 일치를 위해 합동(===)을 사용하세요.

(3) Iteration 메소드: Every(), some(), forEach(), map(), filter() 메소드를 추가했습니다.

(4) Reduce 메소드: Reduce(), ReduceRight() 메소드를 추가했습니다.

4. 문자열 객체

Trim() 메소드를 추가했습니다.

5. JSON 개체

기본 JSON 내장 개체가 추가되었습니다.

6. 날짜 객체

Date.now(), Date.prototype.toJSON() 및 기타 메서드를 추가했습니다.

7. RegExp 객체

ES3에서는 정규식 리터럴을 사용할 때 RegExp 인스턴스를 공유하지만, ES5에서는 정규식 리터럴을 사용할 때마다 새로운 인스턴스를 생성해야 합니다. RegExp 인스턴스는 RegExp 생성자를 사용하는 것과 같습니다.