Question

我正在使用ECMAScript 6，我碰到了一个特定问题，我不知道使用什么方法。

我有我的JS类，我想从一个带有一些特定变量的模板中调用该类。

现在 - 它通过提供具有如下配置的对象来解决：

MyController.bind({
       service: {
            key: 'a1b2c3d4e5f6',
            element: '#service_input'
        },
        selectors: {
            search: '.searcher',
            details: '.details',
            data: '.data',
            find: '.find',
            form: {
                line1: '#form_line1',
                line2: '#form_line2',
                city: '#form_city',
                postcode: '#form_postcode'
            },
        },
        data: {
            line1: 'line1data',
            line2: 'line2data',
            city: 'citydata',
            postcode: 'postcodedata'
        }
    });

但是这种方法造成了很多混乱。它的参数太多了。

那么，我该怎么办？

Answer 1

您可以做的最好方法是：

    var configObject = {
       service: {
            key: 'a1b2c3d4e5f6',
            element: '#service_input'
        },
        selectors: {
            search: '.searcher',
            details: '.details',
            data: '.data',
            find: '.find',
            form: {
                line1: '#form_line1',
                line2: '#form_line2',
                city: '#form_city',
                postcode: '#form_postcode'
            },
        },
        data: {
            line1: 'line1data',
            line2: 'line2data',
            city: 'citydata',
            postcode: 'postcodedata'
        }
    };

MyController.bind(configObject );

除此之外，我无法看到此代码有任何改进 注意：此改进也不是必需的，但您可以这样做以保持代码清洁

在JS中配置类的最佳方法

1 个答案: