jquery链式操作的封装

最新推荐文章于 2021-02-27 17:52:03 发布

原创最新推荐文章于 2021-02-27 17:52:03 发布 · 356 阅读

0 ·

CC 4.0 BY-SA版权

本文介绍了一种在JavaScript中实现链式调用的方法，通过构造函数和原型链，使得多个方法可以连续调用，提高了代码的可读性和效率。

原理很简单每次执行完函数返回this

直接上代码

function test(){
  this.name;
  this.age;
}
test.prototype.testChild=function(){
 this.name="demo"
return this
}

test.prototype.testChild2=function(){
 this.age=20
return this.name+":"+this.age
}

var a=new test()

var b=a.testChild().testChild2()

console.log(b)//demo:20