javascriptは関数内に引数を定義する必要がある？？

javascriptを勉強しているのですが、関数から引数を使用するところで躓いています。

期待した動作する。

function pluck(array, property) {
    // pluck関
    var colorObjrcts = array;
    var color = property;
    var onlynames = colorObjects.map(function(colorObject){
        return colorObject.color
    });
    return onlynames
}

var colorObjects = [{ color: '赤' }, { color: '青' }, { color: '黄色' }];

var colorNames = pluck(colorObjects, 'color');

console.log(colorNames);

javascriptの関数内で引数を使用するとき定義し直さないと使えないんでしょうか？

上手く動作しない

function pluck(array, property) {
    // pluck関
    var onlynames = array.map(function(colorObject){
        return colorObject.property
    });
    return onlynames
}

var colorObjects = [{ color: '赤' }, { color: '青' }, { color: '黄色' }];

var colorNames = pluck(colorObjects, 'color');

console.log(colorNames);

これって関数内で無名関数を用いてるためそちらに引数を渡す必要があるためエラーになるのでしょうか？
その場合は書き方はこのような形であっているのでしょうか？

追記
こちらのプログラムはなぜかimage['height'] * image['width']でも下記のプログラムでも動作します。なぜなのでしょうか？？複数通りがあるのでしょうか？

var images = [
    { height: 10, width: 30 },
    { height: 20, width: 90 },
    { height: 54, width: 32 }
];
var areas = [];
console.log(images[0].height);

function multiplication(image) {
    var area = image.height * image.width;
    areas.push(area);
}

images.forEach(multiplication);

console.log(areas);