1
function Cl(){
    this.name=100;
    this.view=function(){
        input=document.createElement('input');
        input.name='inputs';
        input.addEventListener('click',function(){console.log(this.name)})

        document.body.appendChild(input);
        }
    }
obj=new Cl;
obj.view();

Помогите вызвать console.log(this.name) чтобы вывелось 100;Нужно обратится к объекту создаваемым конструктором.Расмотрю все варианты.Чем больше тем лучше.Спасибо.

2 ответа 2

5

или так:

input.addEventListener('click',function(){
    console.log(this.name)
}.bind(this))

или так:

function Cl(){
    var self = this;
    this.name=100;
    this.view=function(){
        ...
        input.addEventListener('click',function(){console.log(self.name)})
        ...
   }
}
6
  • Благодарен.Кто будет читать -learn.javascript.ru/…
    – zloctb
    16 янв 2013 в 8:42
  • 1
    вообще канонически bind вот: !function(){ var _slice = Array.prototype.slice Function.prototype.bind = function(context){ var args = _slice.call(arguments, 1), func = this; return function(){ return func.apply(context, args.concat(_slice.call(arguments,0))); } } }()
    – Spectre
    16 янв 2013 в 8:56
  • Можно без .bind(this) т.к. вы и так передаете контекст, когда вешаете обработчик на элемент.
    – lampa
    16 янв 2013 в 9:18
  • вообще-то контекст определяется во время вызова функции, а не её определения, или я неправильно понял вас
    – Spectre
    16 янв 2013 в 9:26
  • 1
    вот именно, ТС хотел чтобы контекстом был не елемент, на который вешают обработчик, а obj
    – Spectre
    16 янв 2013 в 9:39
2
input.addEventListener('click',function(t){return function(){console.log(t.name)}}(this))
1
  • Благодарен
    – zloctb
    16 янв 2013 в 6:58

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.