📅  最后修改于: 2023-12-03 14:53:01.226000             🧑  作者: Mango
在 JavaScript 中,我们可以通过实现链式调用方法来实现连续调用多个方法。这种编程风格可以提高代码的可读性和灵活性。下面我将向你展示如何实现类似于 add(3).mul(5).divide(3)
这样的连续调用方法。
class Calculator {
constructor(value) {
this.result = value;
}
add(num) {
this.result += num;
return this;
}
mul(num) {
this.result *= num;
return this;
}
divide(num) {
this.result /= num;
return this;
}
getResult() {
return this.result;
}
}
const add = (value) => new Calculator(value);
console.log(add(3).mul(5).divide(3).getResult()); // 输出结果为 5
上面的代码使用了类和链式调用的思想。我们定义了一个 Calculator
类,它有一个 result
属性用于存储计算结果。类中的 add
、mul
和 divide
方法分别实现加法、乘法和除法操作,并返回 this
,以便可以继续调用其他方法。
为了实现连续调用方法的语法,我们还定义了一个名为 add
的函数,它接收一个初始值,并返回一个新的 Calculator
实例。通过调用 add
函数,我们可以得到一个初始值为 3 的 Calculator
实例,然后我们可以链式调用 mul
和 divide
方法来对其进行计算。
最后,我们调用 getResult
方法来获取计算结果,并通过 console.log
打印结果。
以上就是实现连续调用方法 add(3).mul(5).divide(3)
的 JavaScript 示例代码,通过链式调用方法,我们可以便捷地实现多个操作的连续调用。