AngularJS는 항상 하위 범위에 프로토타입 상속을 사용합니까?

AngularJS에서 범위 프로토타입/프로토타입 상속의 뉘앙스

질문:

1. 하위 범위는 항상 프로토타입으로 상속됩니까? 상위 범위에서?
2. 예외가 있나요?
3. 상속할 때 항상 일반적인 JavaScript 프로토타입 상속인가요?

빠른 답변:

하위 범위는 일반적으로 다음과 같은 API를 통해 상위 범위에서 상속됩니다. ng-repeat, ng-switch, ng-include(항상 그런 것은 아님) 한 가지 예외는 프로토타입적으로 상속되지 않는 격리 범위를 생성하는 범위: {...}가 있는 지시문입니다.

긴 답변:

JavaScript 프로토타입 상속

JavaScript의 객체는 체인을 형성하는 프로토타입을 통해 연결됩니다. 상속의. 하위 개체는 하위 개체에 직접 정의되지 않은 경우에도 상위 프로토타입의 속성과 메서드에 액세스할 수 있습니다.

아래 예에서 childScope는 parentScope에서 상속됩니다.

// parentScope object
parentScope = {
    aString: 'parent string',
    anArray: [1, 2, 3],
    anObject: { prop1: 'parent prop1' },
    aFunction: function() { console.log('parent output'); }
};

// childScope object inherits from parentScope
childScope = Object.create(parentScope);

Angular 범위 상속

AngularJS는 범위에 대한 프로토타입 상속을 활용합니다. 범위는 주로 애플리케이션의 데이터와 기능을 다룹니다. 하위 범위는 일반적으로 상위 범위에서 상속되며 해당 속성과 메서드에 액세스할 수 있습니다.

그러나 주의해야 할 예외와 미묘한 차이가 있습니다.

ng-include 및 ng-switch

이러한 지시문은 상위 범위에서 프로토타입을 상속하는 새 범위를 생성하지만 바인딩에 주의하세요. 하위 범위의 기본 요소(예: 숫자, 문자열, 부울)로 변환됩니다. 하위 범위 속성 숨김으로 인해 예기치 않은 동작이 발생할 수 있습니다. 대신 객체, $parent 또는 상위 범위 기능을 사용해 보세요.

ng-repeat

Ng-repeat는 변형된 하위 범위를 생성합니다. 반복된 항목의 값을 사용하여 하위 범위에 새 속성을 할당합니다. 항목이 기본 항목인 경우 상위 배열에 영향을 주지 않는 독립적인 복사본이 생성될 수 있습니다. 그러나 항목이 객체인 경우 참조가 공유되고 하위 범위의 변경 사항이 상위 배열에 반영됩니다.

지시문

• 기본값: (범위: false) 새 범위가 생성되지 않습니다. 지시문은 상위 범위를 사용합니다.
• 프로토타입 상속:(범위: true) 지시문은 프로토타입을 상속하는 하위 범위를 생성합니다.
• 범위 격리: (범위: {...}) 지시어는 프로토타입적으로 상속되지 않는 격리 범위를 생성합니다. 해시 개체는 상위 범위와 격리 범위 간의 바인딩을 정의합니다.
• Transcluded Scope: (transclude: true) 지시어는 프로토타입으로 상속되는 하위 범위를 생성합니다. 격리 범위(존재하는 경우)의 형제입니다.

결론

프로토타입 상속은 AngularJS 범위 지정의 기본 측면입니다. 위의 미묘한 차이와 예외는 함정을 피하고 애플리케이션에서 상속을 효과적으로 사용하는 데 도움이 됩니다. 여러 범위로 작업할 때는 데이터 유형, 범위 유형(예: 격리) 및 속성 숨김 가능성을 고려해야 합니다.

위 내용은 AngularJS는 항상 하위 범위에 프로토타입 상속을 사용합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!