это во внутренней функции объекта метод

Question

Я знаю, что есть функции стрелок ES6, которые решают это, но это не вопрос. Я не знаю, почему это не работает? Кажется, я где-то слышал, что это ошибка в оформлении языков. Я хочу знать базовый механизм, почему это не работает или какие-то полезные ссылки об этом.

var test = { 
    firstname: 'David', 
    fn: function() { 

    return ['one', 'two', 'tree'].map(function() { 
     this.firstname; // why is this undefined? 

    }) 
    } 
} 
console.log(test.fn()); 

Answer 1

Внутри вас Array.prototype.map функцию это ссылки на объект окна. Чтобы исправить это, вы можете связать его, как показано ниже:

var test = { 
    firstname: 'David', 
    fn: function() { 

    return ['one', 'two', 'tree'].map(function() { 
     console.log(this.firstname); // and now it will be your expected result 

    }.bind(this)) 
    } 
} 

Fiddle, также here ссылка о Function.prototype.bind метод

Я надеюсь, что это поможет вам