javascript - 输入 forEach 时变量重置（javascript）

Question

我的代码有问题，因为在输入以下 forEach 时“this.items”变量变为未定义。如您所见，console.log 显示 this.items 如果在 forEach 中重新定义

为什么？

仅供参考，我正在使用 jQuery 1.8 和 Classy（jQuery 的类管理器）

extractParams : function(params){

    if(params != ""){
        this.items = {};
        params = params.split("&");
        console.log(this.items);

        params.forEach( function(dts){
        console.log(this.items); // = undefined         
            this.keyval = dts.split("=");
            console.log(this.items);

            switch(keyval[0]){
                case "v" : 
                    this.items["Version number"] = this.keyval[1];
                    params = params.filter(function(v) { return !(v === "v=" + this.keyval[1] );});
                    break;
                case "t1" :
                    console.log(this.item);
                    this.items["Event Type"] = this.keyval[1];
                    params = params.filter(function(v) { return !(v === "t1=" + this.keyval[1] );});
                    break;
                default :
                case "" :
                    break;
            }

            switch(true){
                case regItem.test(keyval[0]):
                    this.items["Product Id n°" + this.keyval[0].match(regexpParamNumber)[1]] = this.keyval[1];
                    params = params.filter(function(v) { return !(v === "i"+this.keyval[0].match(regexpParamNumber)+"=" + this.keyval[1] );});
                    break;
                case regQuantity.test(keyval[0]):
                    this.items["Quantity n°" + keyval[0].match(regexpParamNumber)[1]] = keyval[1];
                    params = params.filter(function(v) { return !(v === "q"+keyval[0].match(regexpParamNumber)+"=" + keyval[1] );});
                    break;
                default :
                case "" :
                    break;
            }

        })
        console.log(result);
        result[0] = detectTrackerType(this.items);  
        show(result);
    }
    return this.items;
}

Answer 1

这是“this”的本质——每次你输入一个函数this都会被重置。

尝试

extractParams : function(params){
var that = this;

然后that在整个代码中使用。

编辑：找到一个值得一读的讨论： 'var that = this;' 是什么意思 在 JavaScript 中是什么意思？

Answer 2

this在javascript中有点棘手。在你的函数开始时尝试这样做var self = this;，然后self在你的代码中使用。

Answer 3

您需要分配this给其他类似的东西self，然后在您的代码中引用self而不是this

extractParams : function(params){
    var self = this;

    if(params != ""){
        self.items = {};
    ....
    params.forEach( function(dts){
        console.log(self.items); // = undefined    

您需要这样做，因为this更改范围取决于您在代码中的位置。嵌套函数this的作用域是内部函数而不是外部函数。