码迷,mamicode.com
首页 > 其他好文 > 详细

浅析链式调用

时间:2020-05-16 12:20:45      阅读:50      评论:0      收藏:0      [点我收藏+]

标签:nbsp   可见   调用   bsp   浅析   pre   color   自己的   turn   

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

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

这样就很清晰明朗了。

 

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

浅析链式调用

标签:nbsp   可见   调用   bsp   浅析   pre   color   自己的   turn   

原文地址:https://www.cnblogs.com/lsAxy/p/12899595.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!