доступ к переменной внутри конструктора ES6 Где поле? :( [дублировать]

Исправить исключение NullReferenceException можно с помощью Null-условных операторов в c # 6 и написать меньше кода для обработки нулевых проверок.

Он используется для проверки нуля до выполнения доступа к члену (?. ) или index (? [).

Пример

  var name = p?.Spouse?.FirstName;

эквивалентен:

    if (p != null)
    {
        if (p.Spouse != null)
        {
            name = p.Spouse.FirstName;
        }
    }

В результате имя будет нулевым когда p равно null или когда p.Spouse имеет значение null.

В противном случае имени переменной будет присвоено значение p.Spouse.FirstName.

Для получения дополнительной информации: Операторы с нулевым условием

55
задан Pablo 1 May 2010 в 09:01
поделиться

8 ответов

Строка setInterval должна выглядеть так: -

 this.intervalID = setInterval(
     (function(self) {         //Self-executing func which takes 'this' as self
         return function() {   //Return a function in the context of 'self'
             self.retrieve_rate(); //Thing you wanted to run as non-window 'this'
         }
     })(this),
     this.INTERVAL     //normal interval, 'this' scope not impacted here.
 ); 

Изменить: тот же принцип применяется к «onload». В этом случае его общий для «внешнего» кода делать мало, он просто устанавливает запрос, а затем отправляет его. В этом случае дополнительные накладные расходы дополнительные функции, как в приведенном выше коде, не нужны. Ваш retrieve_rate должен выглядеть следующим образом: -

retrieve_rate : function()
{
    var self = this;
    var ajax = new XMLHttpRequest();
    ajax.open('GET', 'http://xyz.com', true);
    ajax.onreadystatechanged= function()
    {
        if (ajax.readyState == 4 && ajax.status == 200)
        {
            // prefs available as self.prefs
        }
    }
    ajax.send(null);
}
81
ответ дан Incognito 26 August 2018 в 19:12
поделиться
  • 1
    Сначала я собирался сделать это, но потом я вспомнил, что этот шаблон действительно полезен для циклов. – Matthew Flaschen 1 May 2010 в 09:26
  • 2
    @Matthew Flaschen: Это так же полезно для этого сценария, как и для циклов. – Andy E 1 May 2010 в 10:51
  • 3
    @ Энтони: так трюк с self является единственным вариантом здесь? можете ли вы подтвердить, что решение Мэтью не будет работать? – Pablo 1 May 2010 в 14:03
  • 4
    @Michael: Прежде всего, это не «трюк». это как раз то, как все работает в Javascript. Ответ Матфея, который сейчас стоит на момент написания этого комментария, не работает. Раньше была версия, которая могла бы сработать, но она включала передачу this в качестве параметра, который был ненужным и неудобным (любой вызывающий абонент retrieve_rate знал бы это ненужное специальное требование). – AnthonyWJones 1 May 2010 в 20:26
  • 5
    передача this в качестве аргумента (function(self){...})(this) в setInterval не работала для меня, потому что функция выполняется немедленно, а не задерживается. Решение @Joel Fillmore для меня работает – Homan 21 January 2013 в 20:59

Это не решение для красоты, но оно широко используется:

var self = this;
var ajax = null;
//...
ajax.onload = function() {
    self.prefs....;
}
-1
ответ дан Crozin 26 August 2018 в 19:12
поделиться
  • 1
    Проблема в том, как setInterval вызывает функцию retrieve_rate, значение this внутри метода относится к глобальному объекту ... – CMS 1 May 2010 в 09:15

window.setInterval(function(){console.log(this)}.bind(this), 100)

это законно в javascript и сохраняет много кода:)

7
ответ дан Daniel Apostolov 26 August 2018 в 19:12
поделиться

Это было бы самое чистое решение, так как большую часть времени вы действительно хотите переключить этот контекст для своих последовательных вызовов методов:

Также легче понять концепцию.

    // store scope reference for our delegating method
    var that = this;
    setInterval(function() {
        // this would be changed here because of method scope, 
        // but we still have a reference to that
        OURMETHODNAME.call(that);
    }, 200);
1
ответ дан Dbl 26 August 2018 в 19:12
поделиться

Поведение setInterval по умолчанию - это привязка к глобальному контексту. Вы можете вызвать функцию-член, сохранив копию текущего контекста. Внутри retrieve_rate переменная this будет правильно привязана к исходному контексту. Вот как выглядит ваш код:

var self = this;
this.intervalID = setInterval(
    function() { self.retrieve_rate(); },
    this.INTERVAL);

Бонусный совет: для простой ссылки на функцию (в отличие от ссылки на объект, которая имеет функцию-член) вы можете изменить контекст с помощью JavaScript call или apply.

18
ответ дан Joel Fillmore 26 August 2018 в 19:12
поделиться
  • 1
    Это сработало для меня, однако призыв к вызову не нужен. Контекст retrieve_rate должен быть установлен по умолчанию, потому что он вызывается как функция-член. – Dreendle 7 February 2012 в 14:47
  • 2
    @Dreendle - вы правы, я вспомнил, что решил это для ссылки на функцию обратного вызова, где это было необходимо. Я исправил ответ, спасибо! – Joel Fillmore 8 February 2012 в 18:43
prefs: null,
startup : function()
    {
        // init prefs
        ...
        this.retrieve_rate();
        var context = this;
        this.intervalID = setInterval(function()
                                      {
                                          context.retrieve_rate();
                                      }, this.INTERVAL);
    },

retrieve_rate : function()
    {
        var ajax = null;
        ajax = new XMLHttpRequest();
        ajax.open('GET', 'http://xyz.com', true);
        var context = this;
        ajax.onload = function()
        {
            // access prefs using context.
            // e.g. context.prefs
        }
    }
0
ответ дан Matthew Flaschen 26 August 2018 в 19:12
поделиться
this.intervalID = setInterval(this.retrieve_rate.bind(this), this.INTERVAL);
69
ответ дан Nechehin 26 August 2018 в 19:12
поделиться

При улучшенной поддержке браузера время теперь полезно использовать расширение EcmaScript 6, метод стрелки => , чтобы сохранить this правильно.

startup : function()
    {
        // init prefs
        ...
        this.retrieve_rate();
        this.intervalID = setInterval( () => this.retrieve_rate(), this.INTERVAL);
    },

Использование метода => сохраняет this, когда retrieve_rate() вызывается интервалом. Нет необходимости в напуганном себе или прохождении this в параметрах

8
ответ дан Pete 26 August 2018 в 19:12
поделиться
Другие вопросы по тегам:

Похожие вопросы: