js模块化函数一次使用后失效

最新推荐文章于 2024-09-02 09:14:32 发布

小彭快快跑

最新推荐文章于 2024-09-02 09:14:32 发布

阅读量896

点赞数

CC 4.0 BY-SA版权

分类专栏： javaScript

本文链接：https://blog.youkuaiyun.com/penglezheng/article/details/80901248

javaScript 专栏收录该内容

2 篇文章

订阅专栏

在JavaScript模块中，由于方法名`abC`与内部`this.abC`重名，导致链式调用在第一次之后失效。解决办法是避免这种命名冲突，确保函数内部引用正确。

原本链式调用troubleMaker.abC("哇哈哈").deF("嘻嘻嘻");

在被引用的模块内第一次有效，第二次就会提示abC is not a function.

;define(function (require, exports, module) {
    var troubleMaker= {
        abC: function(plz) {
            this.abC = plz;
            return this;
        },
        deF: function(zlp) {
            this.deF = zlp;
            return this;
        }
    };
    module.exports = eventTracker;
});

问题：abC方法名和方法内部的this.abC重名了。

解决：

;define(function (require, exports, module) {
    var troubleMaker= {
        abC: function(plz) {
            this._abC = plz;
            return this;
        },
        deF: function(zlp) {
            this._deF = zlp;
            return this;
        }
    };
    module.exports = eventTracker;
});