js简单实现链式调用

链式调用原理：

链式调用原理就是作用域链；实现需要做的工作；

对象方法的处理 （操作方法）

处理完成返回对象的引用（操作对象）

第2步链式实现的方式：

1. <1> this的作用域链，jQuery的实现方式；
   <2> 返回对象本身, 同this的区别就是显示返回链式对象；

一：

var person = {
    set: function (age){
        this.age = 10;  //this调用位置决定其词法作用域
        return person ;
    },
    get: function (){
        var age = this.age;
        if(age < 6){
            return '我还是个宝宝';
        }else if(age < 18){
            return '我还是个少年';
        }else{
         //……
        }
    }
}

二：

var Person = function() {};
Person.prototype.set = function (age){
    this.age = 10; 
    return this; //this调用位置决定其词法作用域
}
Person.prototype.get = function (){
    var age = this.age;
    if(age < 6){
        return '我还是个宝宝';
    }else if(age < 18){
        return '我还是个少年';
    }else{
     //……
    }
}

var person = new Person();
person.set(10).get(); // '我还是个少年'

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://shenqiku.cn/article/FLY_6565