es6의 생성자는 무엇입니까?

ES6에서 생성자는 주로 객체를 초기화하는 데, 즉 객체 멤버 변수에 초기값을 붙이는 데 사용되는 특수 함수입니다. 함수 이름의 첫 글자는 일반적으로 대문자로 표시되며 항상 와 함께 사용됩니다. 새로운. 함수는 new 연산자를 사용하여 호출할 때만 생성자로 사용할 수 있습니다. new 연산자를 사용하지 않으면 그냥 일반 함수입니다.

이 튜토리얼의 운영 환경: Windows 7 시스템, ECMAScript 버전 6, Dell G3 컴퓨터.

생성자는 객체를 초기화하는 데, 즉 객체 멤버 변수에 초기값을 추가하는 데 주로 사용되는 특수 함수입니다. 항상 new와 함께 사용됩니다. 객체에서 일부 공용 속성과 메서드를 추출하여 이 함수에 캡슐화할 수 있습니다.

생성자 함수 이름의 첫 글자는 일반적으로 대문자로 표시됩니다.

생성자로 호출할 때는 반드시 new 연산자와 함께 사용해야 합니다. 함수는 new 연산자를 사용하여 호출할 때만 생성자로 사용할 수 있습니다. new 연산자를 사용하지 않으면 그냥 일반 함수입니다.

함수를 생성자로 사용하면 new 연산자를 통해 객체의 인스턴스를 생성하고 인스턴스를 통해 해당 함수를 호출할 수 있습니다.

// 构造函数
function Person(name, age) {
    this.name = name;
    this.age = age;
    this.sayName = function () {
        alert(this.name);
    };
}
var person = new Person('kingx', '12');
person.sayName(); // 'kingx'

함수를 일반 함수로 사용하면 함수 내부의 this가 창을 가리킵니다.

Person('kingx', '12');
window.sayName(); // 'kingx'

생성자를 사용하면 언제든지 원하는 개체 인스턴스를 만들 수 있습니다. 생성자는 실행 시 다음 4단계를 수행합니다.

• new 연산자를 통해 새 개체를 만들고 메모리에 새 개체를 만듭니다. 주소.

• 생성자에서 이에 대한 포인터를 결정합니다.

• 생성자 코드를 실행하고 인스턴스에 속성을 추가합니다.

• 새로 생성된 이 개체를 반환합니다.

개인 인스턴스를 생성하는 이전 코드를 예로 들어 보겠습니다.

• 1단계: 메모리에 개인 인스턴스에 대한 새 주소를 만듭니다.

• 2단계: 사람 자체를 가리키는 사람 인스턴스의 이 지점을 결정합니다.

• 3단계: name, age 및 sayName 속성을 person 인스턴스에 추가합니다. 여기서 sayName 속성 값은 함수입니다.

• 4단계: 이 사람 인스턴스를 반환합니다.

참고: 생성자에서 sayName 속성이 여기에 추가되고 해당 값은 함수이므로 새 인스턴스가 생성될 때마다 sayName 속성이 인스턴스에 추가되고 다른 인스턴스에서는 sayName 재산이 다릅니다.

【관련 추천: javascript 비디오 튜토리얼, web front-end】

위 내용은 es6의 생성자는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!