js 的链式调用，函数本身能区分是调用的位置吗？

V2EX = way to explore

V2EX 是一个关于分享和探索的地方

现在注册

已注册用户请登录

这是一个创建于 1917 天前的主题，其中的信息可能已经有所发展或是发生改变。

比如，有这样一个方法，该方法可以不断链式调用自己,并且叠加输入内容最后输出。看着似乎挺简单的，于是按照网上的资料，我简单写了一个

var Chain={
    sav: '',
    a1:function(val){
        this.sav = this.sav + val
        return this;
    }
};
Chain.a1('aaa').a1('bbb').a1('ccc');
console.log(Chain.sav); //返回 aaabbbccc

emm，好像哪里不对，想了想，原来是 return 被 this 占用了，没法输出最终的参数。

现在有一需求：

如何能够让 a1 这个函数，能够意识到已经是链式调用的末尾了，从而不再 return 自己（ this ），而是输出实际需要的内容呢？

虽然可以准备一个函数专门返回 sav 的内容，这的确可以做到（比如我准备一个名为 show 的函数，里面直接返回 sav 的值）：Chain.a1('aaa').a1('bbb').a1('ccc').show();

但专门写一个 function 比较麻烦，总是跟着个小尾巴每次调用也麻烦。

网上查了查，似乎没有什么有用资料。希望有熟悉 js 的 v 友指教一下，谢谢~

调用

函数

sav

chain

12 条回复 • 2019-09-16 16:41:20 +08:00

geelaw

2019-08-31 12:54:29 +08:00 via iPhone

这是不可能的，考虑

var some = obj.cascade(1);
if (SomeFunc())
{
console.log(some.cascade(2));
}
else
{
console.log(some);
}

决定是否应该返回你想要的另一个结果归结为判断 SomeFunc 是否返回真值，但这是一个不可判定问题。

ianva

2019-08-31 13:03:01 +08:00

最基本的原型方法都不明白怎么写的明白？
```
class Chain {
constructor(){
this.save = ""
}
add(value){
this.save = this.save + value;
return this;
}
}
```

ipwx

2019-08-31 13:16:32 +08:00 via Android

@ianva 我觉得你没审题。。。

@mostkia 你可以在 a1 传入 null 的时候 return 最终字符串呀

mostkia

2019-08-31 13:26:30 +08:00

@ipwx 恩，这样的确也是可以的（至少不用准备一个 show 函数了），但末尾需要额外增加 n+1 的调用，比如
```
var Chain={
sav: '',
a1:function(val){
if(val == null){
return Chain.sav;
}
this.sav = this.sav + val
return this;
}
};
Chain.a1('aaa').a1('bbb').a1('ccc').a1();
//返回 aaabbbccc
```
目前看来还是没有很好的解决方案的样子。