Calling method of objects in array using map()

Question

I'm trying to figure out a one-liner code using map.

Here is a simple set up.

function Cat(name) {
    this.name = name;
    // FYI: using __proto__ is discouraged. thanks @KarelG
    this.__proto__.mew = function () {
        console.log(this.name + " mews");
    };
}

var cats = [
    new Cat('MB'),
    new Cat('503')
];

Then, I can use map() to call mew method in cats.

cats.map(function (cat) {
    cat.mew();
});
// MB mews
// 503 mews

call() on prototype also works.

cats.map(function (cat) {
    Cat.prototype.mew.call(cat);
});
// MB mews
// 503 mews

And here is my final one-liner, but it emits error and I could't understand why:

cats.map(Cat.prototype.mew.call);

// Uncaught TypeError: undefined is not a function
// at Array.map (<anonymous>)

Checking typeof Cat.prototype.mew.call says it's a function and map()'s parameter should be a function.

Could anyone explain why it doesn't work? What did I miss and where to correct?

Answer 1

Could anyone explain why it doesn't work? What did I miss and where to correct?

Error message says

VM1100:15 Uncaught TypeError: undefined is not a function

This means that it is looking to call the mew method on a context which is undefined.

You need to bind the context as

cats.map( Cat.prototype.mew.call.bind( new Cat().mew ) );

Demo

function Cat(name) {
    this.name = name;
    this.__proto__.mew = function () {
        console.log(this.name + " mews");
    };
}

var cats = [
    new Cat('MB'),
    new Cat('503')
];
cats.map( Cat.prototype.mew.call.bind( new Cat().mew ) );

Or as @PatrickRoberts has suggested, you can use

cats.map(Function.call.bind(Cat.prototype.mew))

to avoid needlessly creating an instance of Cat

In cats.map(function (cat) { Cat.prototype.mew.call(cat); }); expression, why Cat.prototype.mew.call has a correct context?

As per spec

If a thisArg parameter is provided, it will be used as the this value for each invocation of callbackfn. If it is not provided, undefined is used instead.

So, unless you pass a context like

cats.map( Cat.prototype.mew.call,  new Cat().mew );

It will be undefined.