浅析链式调用

一直对链式调用很感兴趣, 清晰可见的语法让人很舒服。
自己手写了一个简单的加法对象来加深自己的对于链式调用的思考。

1 let obj = {
2     num: 0,
3     add: fucntion (x) {
4         this.num += x
5         console.log(this.num)
6         return this
7     }
8 }

链式调用,很重要的一个点,在于返回值,当返回值为对象本身,就可以在对象进行链式调用

  

 1 obj.add(1)
 2 // obj.num 1 2 3
 3 
 4 obj,add(3).add(1)
 5  // 1+3+1=5
 6 
 7 
 8 
 9 // 改造一下对象,来获取到num的值
10 obj = {
11   num: 0,
12   add (x) {
13         this.num = x;
14         return this
15     }
16   show () {
17         return this.num
18     }      
19 }
20 
21 obj.add(1).add(2).show()  // 返回值:3

这样就很清晰明朗了。

 

很多东西说难不难,在于深究,共勉

posted @ 2020-05-16 11:25  志在指尖  阅读(263)  评论(0编辑  收藏  举报