JavaScript의 프로토타입 배열이 클래스 인스턴스 간에 공유되는 이유는 무엇입니까?

JavaScript의 프로토타입 공유 이해: 프로토타입에서 상속된 객체

JavaScript에서 객체는 프로토타입에서 속성을 상속합니다. 고려해야 할 한 가지 측면은 프로토타입 속성으로 정의된 배열이 클래스 인스턴스 내에서 어떻게 작동하는지입니다.

관찰한 바와 같이 프로토타입 배열은 개별 클래스 인스턴스에만 적용되는 것이 아니라 모든 인스턴스 간에 공유됩니다. 이 동작은 객체의 프로토타입이 객체 자체처럼 작동하기 때문에 발생합니다. 프로토타입 속성은 특정 프로토타입에서 파생된 모든 객체에 의해 공유됩니다.

다음 예를 고려하십시오.

function Sandwich() {

    // Uncomment this to fix the problem
    //this.ingredients = [];

}

Sandwich.prototype = {

    "ingredients" : [],
    "addIngredients" : function( ingArray ) {

        for( var key in ingArray ) {

            this.addIngredient( ingArray[ key ] );

        }

    },
    "addIngredient" : function( thing ) {

        this.ingredients.push( thing );

    }

}

이 예에서 "ingredients"라는 배열은 다음의 프로토타입 속성으로 정의됩니다. "샌드위치" 기능. "this.ingredients = [];"인 경우 생성자 내에서 주석 처리되면 다음 동작이 발생합니다.

"Sandwich"의 새 인스턴스가 생성되면(예: "cheeseburger" 또는 "blt") 이러한 인스턴스는 처음에 "ingredients" 배열을 다음에서 상속합니다. 프로토타입. "치즈버거"에 재료를 추가하는 등 이 배열을 수정하면 다른 모든 "샌드위치" 인스턴스의 "재료" 배열에도 영향을 줍니다. 이러한 공유 동작은 모든 인스턴스가 개별 복사본이 아닌 동일한 배열을 참조한다는 사실에서 발생합니다.

이 문제를 해결하고 각 인스턴스에 대해 별도의 배열을 생성하려면 생성자 내에서 "성분" 배열을 정의해야 합니다.

function Sandwich() {

    this.ingredients = [];

}

이 수정은 구성 중에 "샌드위치"의 각 인스턴스에 새 배열을 할당하여 "재료" 배열에 대한 모든 변경 사항이

요약하자면, 프로토타입 속성으로 정의된 배열은 해당 프로토타입을 상속하는 모든 객체에서 공유됩니다. 배열과 같은 인스턴스별 데이터를 생성하려면 생성자 내에서 정의되어야 합니다. 이러한 이해는 JavaScript에서 상속 및 객체 지향 프로그래밍을 효과적으로 사용하는 데 중요합니다.

위 내용은 JavaScript의 프로토타입 배열이 클래스 인스턴스 간에 공유되는 이유는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!