链式调用原理：

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

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

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

第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://fly63.com/article/detial/6565