首页 > 解决方案 > 如何将参数传递给 JS ES6 类中的函数?

问题描述

我正在尝试创建一些 ES6 类来清除我的 javascript 代码。我不确定如何将参数传递给类中的函数。

据我了解,正确的方法是通过构造函数,但这意味着当我实例化类时它们被绑定一次。

在下面的示例中,我想将一个元素传递elem给我的函数Categories.addCategory

    class Categories {
        constructor(id, name) {
            this.id = id;
            this.name = name;
        }

        getName() {
            return this.name;
        }

        getId() {
            return this.id;
        }

        addCategory(elem) {
            $(elem).addClass('category');
        }
    }
Cat = new Categories(1, 'new products');
Cat.addCategory('#product1');

我还想知道是否有另一种方法来传递参数,而不仅仅是使用构造函数。

抱歉,如果问题不清楚,我对 ES6 类还很陌生,可能错过了一些核心要点。

标签: javascriptes6-class

解决方案


看起来您已经知道如何从类中创建实例。现在您只需要从实例调用方法,在调用的括号之间传递参数作为值。

const instanceOfCategories = new Categories('12345', 'John')

instanceOfCategories.action('.your-selector')

您可以有多个参数,并且您传递它们的顺序是它们将到达方法中的顺序。


推荐阅读