Understanding Hierarchy of the $scope in AngularJS?

Question

When I create a object and navigate through the _proto__ property of it I get to know that it has been inherited from Object

Now when I create a new object and inherit the obj object, then I get the inheritance structure like this

Here i can understand that the object obj1 is being inherited from the object obj and the object obj is being inherited from the object Object, which is the global object.

Now my question is, when i debug in my console i get both obj and obj1 as Object but the when i debug the $scope of angularJS i get something like this

Why is the $scope returning b instead of Object which can be seen in all the two images above, what is so different in angularJS, am i missing something.

UPDATE 1

when I make a object of the constructor in javascript I get the function name in the constructor as shown in the image below

But in the case of the $scope i see no constructor function, why is that? am i missing something, please let me know

@Maximus do you know the answer for my question

Lijin Durairaj
– Lijin Durairaj

2016-12-16 14:11:55 +00:00
Commented Dec 16, 2016 at 14:11 — Lijin Durairaj
– Lijin Durairaj, Commented Dec 16, 2016 at 14:11

Estus Flask · Accepted Answer · 2016-12-16 14:15:16Z

2

This is because you're debugging minified application.

$scope is an instance of internal Scope or ChildScope class.

In minified Angular bundle the class is called something like b.

answered Dec 16, 2016 at 14:15

Estus Flask

227k79 gold badges478 silver badges621 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

Estus Flask Over a year ago

There's no constructor because it is is deeper on the prototype chain. You will see it when logging $scope.constructor.

Max Koretskyi · Accepted Answer · 2016-12-16 14:19:04Z

1

When you inspect an object in console, it is referenced by this object's class name, for example:

function Scope() {}
var s = new Scope();

In your case, instead of function Scope() {}, in the minified version the code looks like this function b() {} and new b() is used instead of new Scope()

answered Dec 16, 2016 at 14:19

Max Koretskyi

106k69 gold badges357 silver badges525 bronze badges

Collectives™ on Stack Overflow

Understanding Hierarchy of the $scope in AngularJS?

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related