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{ //…… } } }

资源搜索网站大全 https://www.renrenfan.com.cn 广州VI设计公司https://www.houdianzi.com

二：

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(); // '我还是个少年'