How does Javascript work?

Question

JavaScript

There is a basket script (written in angular, but that's not the point).
I can not understand.

vm.cartItems = [];
        function addItemsList(id, name, type) {
            var objItems = {
                id: id,
                name: name,
                type: type
            };  
                vm.cartItems.push(objItems);
              }

I add items to the cart. I withdraw from the service

function getItemsList() {
                     console.log('корзина' +vm.cartItems);
           
           return vm.cartItems;
        }

So. Everything is displayed on the screen (well, there is a directive). But! The output console.log('корзина' +vm.cartItems); shows nothing. Only "basket".
Why is that?
Added Plunker

Answer 1

try passing this vm.cartItems to the function, perhaps at the time of the function execution this object is read from the scope, where it is empty
i.e. at the time of output to the console, you are transferred (more precisely, it is not transferred, but read) an empty array, but then it is filled and you see that everything is working fine

Answer 2

I may be wrong, but here, in my opinion, it is necessary to use the enumeration of the object's properties using for in
. Neither the alert nor the console.log shows the contents of the object by simply calling the variable that contains it

Answer 3

try
console.log('Корзина',vm.cartItems);