Почему функция не работает, если ее назначаю через присваивание?

Question

[wufapexef]

Честно говоря не уверен это из-за ВЬю, или это обычная работа JS.

Вообщем, это работает нормально

option: {
  getFilterData: {
    'terror': function (el) {
      const check = function(element) {
        return element.name === 'terror'
      }
      return el.tags.some(check)
    }
  }
}

Но если я эту же функцию назначаю так, то уже не работает

option: {
  getFilterData: this.function
},
function: {
  'terror': function (el) {
    const check = function(element) {
      return element.name === 'terror'
    }
    return el.tags.some(check)
  }
}

Answer 1

[Nick Sdk]

option: {
  getFilterData: this.function
},

1. в этом месте в this у вас вероятно будет объект option
2. функции так не присваиваются. если вы и напишете getFilterData: functionName то в getFilterData получите ответ от функции. То, что конкретная функция возвращает, а не саму функцию

Comments

[wufapexef]

Хм, тогда как поступать непонятно. Как указать какую функцию использовать, не вписывая ее вручную?

[Nick Sdk]

wufapexef, если вы все-таки хотите, чтобы в getFilterData "записалась" функция functionName
то можно сделать следующее

option: {
  getFilterData: function(args){
    return functionName(args);
  }
},

но это все-равно будет немного не то, что вы хотели. это будет не присваивание
но функционально результат уже будет, как задумывалось изначально

[Nick Sdk]

wufapexef, со вторым пунктом я, возможно, промахнулся.
А вот в вашем случае из шапки там не очень верное обращение к функции

[wufapexef]

Nick Sdk, нет. мне надо объявить десяток функций в одном месте и присвоить их в другом.

[Nick Sdk]

wufapexef, можно, но тогда надо бы для функций объявить отдельный объект типа

var functions = {
	name1: function(){return 'function name 1';},
	name2: function(){return 'function name 2';},
	name3: function(){return 'function name 3';}
};

а в нужном месте присваиваешь эти функции

var obj = {
	action1: functions.name1,
	action2: functions.name2,
	action3: functions.name3,
};