js简单实现链式调用
链式调用原理:
链式调用原理就是作用域链;实现需要做的工作;
对象方法的处理 (操作方法)
处理完成返回对象的引用(操作对象)
第2步链式实现的方式:
- <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(); // '我还是个少年'本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!