链接方法并在 Javascript 中为下一个链函数传递结果

Question

我有这个示例代码：

 let test = { result: '', bolder: function (str = this.result) { this.result = '<b>' + str + '</b'; return test; }, italic: function (str = this.result) { this.result = '<i>' + this.result + '</i'; return test; }, } console.log( test.bolder('text').italic() ) /* RESULT: { result: '<i><b>text</b</i', bolder: [Function: bolder], italic: [Function: italic] } EXPECTED: '<i><b>text</b</i' */

我在“粗体”函数中传递一个字符串的地方，添加一些换行文本（返回需要像“<b>text</b>”），然后我需要将结果传递给下一个链接函数“斜体”，所以它可以使用 '< b >text</ b >' 并附加更多的东西，比如 '< i > < b >text</ b > </ i >'，然后将这个新值返回给下一个函数，并且很快。 如果没有值作为参数传递，那么我认为我需要格式化“结果”中的值，所以它是默认值。

但问题是：当我尝试记录值时，如果返回整个对象“test”，包括所有函数和内容，而不是格式化字符串“< i > < b >text</ b > </ i >”。

我怎样才能做到这一点？

Answer 1

您需要最后一次调用才能获得结果，可能使用自己的toString方法。

 let test = { result: '', bolder: function (str = this.result) { this.result = '<b>' + str + '</b>'; return this; }, italic: function (str = this.result) { this.result = '<i>' + this.result + '</i>'; return this; }, toString: function () { return this.result; } }; console.log(test.bolder('text').italic().toString());

Answer 2

您将结果分配给名为result的属性 - 只需在函数调用结束时访问该属性

您还缺少函数中的结束>

 let test = { result: '', bolder: function (str = this.result) { this.result = '<b>' + str + '</b>'; return test; }, italic: function (str = this.result) { this.result = '<i>' + this.result + '</i>'; return test; }, } console.log(test.bolder('text').italic().result)

Answer 3

覆盖toString()是要走的路。

您可以显式调用它，但它的优点是当您将其转换为字符串时会自动调用它，就像在 Java 或 C# 中一样。

 let test = { result: '', bolder: function (str = this.result) { this.result = '<b>' + str + '</b>'; return this; }, italic: function (str = this.result) { this.result = '<i>' + this.result + '</i>'; return this; }, toString: function () { return this.result; } }; console.log("" + test.bolder('text').italic()); // oh and from ES6, you can use template literals // see https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals console.log(`use with template literal: ${test.bolder('text').italic()}`);