如何将一个javascript方法与一个值链接起来

Question

因此，如果我想做类似five((.plus((.feeve((.equals((//的操作，则应该返回10我怎样才能做到这一点？当函数返回另一个函数时，我理解方法链接，但当你想在链中的下一个函数中使用一个值时呢？

Answer 1

class Stack{
constructor(state=0){
this.state = state;
this.op = null;
}
pushVal(v){
switch(this.op){
case '+': this.state += v; break;
case '-': this.state -= v; break;
default: this.state = v; break;
}
}
plus(){
this.op = '+';
return this;
}
minus(){
this.op = '-';
return this;
}
equals(){
return this.state;
}
}

consts = {
five: 5,
six: 6,
seven: 7
};

for(const n in consts){
Stack.prototype[n] = function (){
this.pushVal(consts[n])
return this;
}
}
five = () => new Stack(5)
/// Now we can run what you want
console.log(five().plus().five().equals())
// and some extension of it
console.log(five().plus().five().minus().seven().equals())

Answer 2

Chaining是JS中的一个概念，我们可以在其中重复调用对象的属性。

你能做什么，如果只是关于链接，

let obj = {
num:0,
get(){
console.log(this.num);
return this;
},
set(num){
this.num = num;
return this;
},
add(a){
this.num = this.num+a;
return this;
},
subtract(a){
this.num = this.num-a;
return this;
},
divide(a){
this.num = this.num/a;
return this;
},
multiply(a){
this.num = this.num*a;
return this;
}
}
obj.set(5).add(2).multiply(3).divide(7).add(3).get();

The most important part in chaining is返回此

您可以在以下网站上阅读更多信息：https://medium.com/technofunnel/javascript-function-chaining-8b2fbef76f7f