Javascript/Jquery 3.3 从非严格到严格和顺序调用的转换函数

Question

我正在尝试将旧的非严格函数转换为与严格版本和 Jquery 3.3

兼容的版本

旧函数让我也可以按顺序回忆各种函数，得到一个最终结果，这是我在新函数中多次尝试后无法重现的结果。

旧函数是：

    var num_modali = 0;

    _modale = function(){

            this.livello_m = num_modali;

            this.percorso = function(){
                return (this.livello_m > 0) ? $('body').find('#modale_' + this.livello_m).find(modale_content) : $('body');
            };

            this.listarecord = function(){
                return lista_record = (this.livello_m > 0) ? '#lista_records_modale' : '#lista_records';
            };

            this._pre = function(){
                this.livello_m--;
                return this;
            };

            this._go = function(){
                return this.percorso();
            };

            this._getlivello = function(){
                var livello = (this.livello_m > 0) ? this.livello_m : 0;
                return livello;
            };

            this._chiudi = function(where){
                $destroy_modale();
                return this;
            };

            this._delete = function(what){
                this.percorso().find(this.listarecord()).find(what).remove(what);
                return this;
            };


            if(this instanceof _modale){
                return this;
            }else{
                return new _modale();
            }


        };

有了这个我也可以这样调用：_modale()._pre()._pre()._go();

全局变量 num_modali 由第二个处理模态管理的函数使用

新函数：

var _modale = {
    livello_m: num_modali,

    percorso: function(){
        return (this.livello_m > 0) ? 'body #modale_' + this.livello_m + ' .modale_content' : 'body';
    },
    listaRecord: function(){
        return (num_modali > 0) ? '#lista_records_modale' : '#lista_records';
    },
    pre: function(){
        return this.livello_m - 1;
    },
    go: function(){
        return this.percorso();
    },
    getlivello: function(){
        return (this.livello_m > 0) ? this.livello_m : 0;
    },
    chiudi: function(){
        modale.destroyModale();
        //return this;
    },
    _delete: function(what){
        _modale.percorso().find(_modale.listaRecord()).find(what).remove(what);
    }
};

如果我尝试执行相同的顺序调用：_modale.pre().pre().go(); return_modale.pre(...).pre is not a function

如何根据严格的指令更改功能并获得相同的操作？

Answer 1

您需要在您的函数中 return this 才能使其可链接：

pre: function(){
  this.livello_m--;

  return this; // Here
}

Javascript/Jquery 3.3 从非严格到严格和顺序调用的转换函数

Javascript/Jquery 3.3 conversion function from non strict to strict and sequential calls

javascript

jquery

strict

sequential