Prototype and angularjs $scopes
Download as PPTX, PDF0 likes201 views
The document discusses AngularJS scopes and prototypes. It explains that scopes create a new object that acts as the context for expressions. Child scopes prototypically inherit from their parent scopes, while isolated scopes do not inherit. The document provides examples of creating objects with prototypes, accessing properties, and modifying properties to demonstrate how scopes work in AngularJS.
1 of 7
Download to read offline
![[prototype]
angularjs $scopes
and](https://image.slidesharecdn.com/prototypeandangularjsscopes-150704160640-lva1-app6892/85/Prototype-and-angularjs-scopes-1-320.jpg)
![{
[prototype]:
}
function Car() {}
Car.prototype {}
{
}
new Car();
new Car();
{
[prototype]:
}
wheels: 4
wheels: 4
wheels: 4
drive: function () { ... }
drive: ...
drive: ...](https://image.slidesharecdn.com/prototypeandangularjsscopes-150704160640-lva1-app6892/85/Prototype-and-angularjs-scopes-2-320.jpg)
![{
[prototype]:
color: black
}
myCar = new Car(‘black’)
{
[prototype]:
wheels: 4
color: gray
}
Car.prototype
Object.prototype
{
[prototype]: null
toString: function () ...
hasOwnProperty: function ...
}
color ? black
wheels ? 4
maxSpeed ? undefined](https://image.slidesharecdn.com/prototypeandangularjsscopes-150704160640-lva1-app6892/85/Prototype-and-angularjs-scopes-3-320.jpg)
More Related Content
What's hot (12)
Ad
Viewers also liked (18)
Ad
Similar to Prototype and angularjs $scopes (20)
Prototype and angularjs $scopes
- 2. { [prototype]: } function Car() {} Car.prototype {} { } new Car(); new Car(); { [prototype]: } wheels: 4 wheels: 4 wheels: 4 drive: function () { ... } drive: ... drive: ...
- 3. { [prototype]: color: black } myCar = new Car(‘black’) { [prototype]: wheels: 4 color: gray } Car.prototype Object.prototype { [prototype]: null toString: function () ... hasOwnProperty: function ... } color ? black wheels ? 4 maxSpeed ? undefined
- 4. read write { ... ... } { ... ... } { color: red ... } { ... ... } { ... ... } { color: red ... } obj.color obj.color = “peachpuff”
- 6. { scope: false scope === $scope } { scope: true -> child = $scope.$new(); child.__proto__ === $scope } { scope: {} -> child = $scope.$new(true); child.__proto__ !== $scope }