Попытка вызова статического метода из импортированного модуля ES6

Question

Попытка вызова статического метода из импортированного модуля ES6

1

Я использую Firefox 56 с dom.moduleScripts.enabled установленным в true. Это позволяет мне работать с родными модулями ES6.

У меня есть компонент vue2, который имеет определенный метод:

import StorageZonesAjaxMethods from '../../ajax/storage-zones.js';
....
methods: {
        updateList() 
        {
            //console.log(StorageZonesAjaxMethods);
            StorageZonesAjaxMethods.getList();//function(response) { this.list = response.data.payload;});

        },
    },

где класс с методами:

export default new class StorageZonesAjaxMethods {

    static getItem(id, then)
    {
        axios.get('${Config.apiBaseUrl}/storage-zones/${id}')
            .then(response => then);
    }

    static getList(then)
    {
        alert('in get list');
        axios.get('${Config.apiBaseUrl}/storage-zones')
            .then(response => then);
    }

Я получаю сообщение об ошибке "TypeError: (intermediate value).getList is not a function" в firefx ", но console.log показывает, что это так, но по какой-то причине внутри конструктора. Что происходит?

user3791372 03 нояб. 2017, в 03:24

Источник

Теги:

javascript

ecmascript-6

vue.js

module

2 ответа

Ещё вопросы

Bergi · Answer 1 · 2017-11-03T01-46-00.000Z

Никогда не используйте new class { … } !

И не дефолт-экспорт class с использованием только static методов. Упростить

export default {
    getItem(id) {
        return axios.get('${Config.apiBaseUrl}/storage-zones/${id}');
    }
    getList() {
        alert('in get list');
        return axios.get('${Config.apiBaseUrl}/storage-zones');
    }
};

Или даже лучше изменить оба файла и использовать

export function getItem(id) {
    return axios.get('${Config.apiBaseUrl}/storage-zones/${id}');
}
export function getList() {
    alert('in get list');
    return axios.get('${Config.apiBaseUrl}/storage-zones');
}

import * as StorageZonesAjaxMethods from '../../ajax/storage-zones.js';

Я родом из мира реального кодирования. Класс статических методов не пахнет кодом! Я подумал только об экспорте объекта, но я бы предпочел группировать семантически, потому что, вы знаете, для этого и нужен класс.
@ user3791372 Я не знаю, что вы подразумеваете под «миром реального кодирования», но в JS это определенно запах кода. Использование классов для организации кода - это техника Java. У JS есть модули и объекты для этого как первоклассные граждане.

user3791372 · Answer 2 · 2017-11-02T23-36-00.000Z

Извлеченный урок - не кодируйте усталыми глазами. export default new class StorageZonesAjaxMethods в классе не должен иметь new там